And once we've got our local storage in place now, we're going to return to our cart content and start
setting up our return.
Now, close all the files and I'm going to navigate through the cart.
Arms are not card columns, card content, even the card columns is going to be one of the components
of that we will display in the card content component and we're not going to look for any props in here.
But I would want to invoke the use card context and I would want to get the card.
As well as clear court function, and that is coming from a used car context as far as the return,
we're going to go with a rapper and then let me remove the sticker and I'll add some global classes
here as well.
So class name section and then section hyphen center for my spelling.
And then instead of the wrapper, let's set up our card columns component, which of course is not going
to have any meaningful return.
But for the time being, we should see the card columns.
Then there's going to be a card.
And don't worry, we'll work on the actual card item in the next 30, I believe, or maybe in two areas.
Next one, I guess we'll set up the card columns, but I would still want to iterate over my card or
my two items, I believe.
And then for every item that I have in a card, I would want to return a card item and the key will
be equal to my remedy.
And then of course, I'll pass in my item again.
At the moment I should just see the text of crime and crime because I have two items in the card.
Then after that I'm going to set up my horizontal line.
And then we're going to go with the devil, the class of link container, and inside of it we're going
to set up your lungs and eventually there's going to be also car totals.
So what we're setting up right now is, of course, the cut columns, then the atoms eventually.
And now we're working on these two buttons.
I'm setting up these two buttons.
And eventually there's also going to be a card total component.
So within the container, I'm going to go with a link back to the product.
So that's why we go with React router component link and then we're navigating back to the product out
of class name here of Lync hyphen Bita and Unman instead of the link.
Let's just say continue on shopping.
OK, awesome.
We should see the link and continue shopping and then the second thing will be a button to clear the
card.
So Button wants and type here I guess, of button and let's add a class name.
We're going to go link hyphen between and Clear Hyphen PDN.
And once we click, of course, we'll invoke clear card.
There's nothing in the function, but eventually of course we'll set up the functionality so we might
as well set up the unclick right now.
So clear cut once we click the button and I'll set clear shopping cart.
Let's save.
Should see both buttons right now and then right outside of this there.
But still with the wrapper I would want to showcase my card totals.
So that's going to be the component that was set up last that should it for the card content component
and then one by one of course, will deal with the components that we render in our return.