But once we have the Mavericks in place now, let's knock out the big sidebar as well, essentially
pretty much the same setup we have here, the logo as well as knowledge and everything else is already
set up in the US.
And essentially, the way we'll do that will go to a big sidebar component.
We want to import the use app context central years show sidebar here as well.
We want to grab the Mavericks logo as well as the rapper.
And if I remember correctly, the rapper is already there.
And then when it comes to the big sidebar, yes, we're grabbing the show sidebar from the global context.
Then the same deal, we have the wrapper and then inside of we have this device that is using sensors
based on the shoreside bar.
So if it is true, then we display one of them.
Side sidebar container and then the other one is sidebar container and shoreside bar.
So essentially, this is opposite, and I'll kind of go over once we set everything up and then we have
the content here.
So there was a class of content on the site or another matter.
And then the.
So let's set everything up and then I'll discuss why this one is opposite.
First, I want to say my read me and I'm looking for a big sidebar, I guess in this case, so big sidebar
here.
And like I said, I don't see the point of retyping them.
Just import everything.
And then once I have all the imports in place, as far as the return, yes, I'm going to go with rapper
part, but inside of it.
We're going to go with our live.
And you know, since there's going to be conditional rendering, let's go with concert and then Cheryl
and then sidebar.
Now that is equal to my use of context.
Let's invoke it and then let's add the classes here, but let's add them dynamically.
So let's go here with class name, and for time being, I'll showcase how everything is going to look
if we're going to do the same setup as the small sidebar.
Basically, if the show sidebar is true, then we render both classes and then I'll discuss why I prefer
the other setup instead.
So let's go here, show sidebar, and let's set up our conditions.
So if it is true or just such sidebar container and then show sidebar and then the sidebar container.
So it's taking this class and copy and paste now inside of this there.
Let's go with another day for the class of content and then in here, let's set up that header with
a logo.
And then right next to it, let's go with our knowledge.
Now when I say right next to it, I want to place it right outside the head or so it's setting Alex
for time being, I'm not going to pass in the toggle sidebar.
And then once we set everything up, I'll to set out how it's going to look like.
So first, let's navigate it to the big screen.
And let's take a look what we have right now.
So notice the moment we are refresh the page, you don't see the sidebar and only once you click, then
you can see in the sidebar this showcases which jobs we have.
And then once we click, we can nicely navigate around.
Now, the reason why we set up over here the class is the opposite way because it's my preference to
show the sidebar meaning the big sidebar right out of the gate.
So that's why I went the other way.
Since I know the show sidebar by default, will be false when the user logs in instead of displaying
these glasses when it is true.
I just wish around and just said, you know what?
If it is false, then display both classes.
Keep in mind, this is bullying doesn't really matter which value it is.
It really depends on how we're setting up the logic.
So that's why when you go here right now and then once you refresh since this is false, actually it
is displayed.
Hopefully, that makes sense.
And again, this was just my preference.
Now, at the moment, also what you'll notice that we naturally navigate from page to page, but we're
not closing the sidebar.
So if you want to, you can go here and then you can go with really, what was the toggle sidebar really
bad on remembering my own function?
So hopefully this was correct.
And then remember, for now, links we want to pass it in subtitle sidebar is equal to a toggle sidebar.
And now what you'll notice is the fact that once we click, we also nicely close it.
Now this is really up to you.
I think in my case, I'm not going to use it, but it's definitely a case if you think otherwise.
So let me remove it here, and I think I'll also remove here if I'll ever change my mind.
I'll let you know.
Basically, you'll have to watch me.
I want to set it up from the scratch one more time.
And with this in place, we're done with all three of them.
The no small side bar as well as the big sidebar.