So now that we're done with our two components of time to move on to a third component, so let us see
the component that we are expected to build now.
So we have made a balance component.
We have that expense sheet.
Now is the time for a new transaction and the transaction component.
So I'll be just heading the transactions component first.
And the first thing that will do is import the elements that we need from our material core.
So just input typography.
Along the Telegraph, he will be needing a guard component.
And no, we won't be needing guard combat and we were just importing box.
And the list and the wider.
Along the divide also needing McStay's, or perhaps no, because I don't think so, that will be standing
this end.
OK, so this is all that we need and we all need it from three of us could.
So we have just got to from.
So we exporting our importing our typography, we are importing our box list and divide.
Now let's create a component.
And the you of this component is going to be transactions.
And this is going to be a functional component.
And it is going to receive parameters such as.
Transactions, as well as if I may take the liberty to jump into our approaches, so any transactions
on one end we are sending are daily transactions, so this is what will be is even as proof.
So let's just be structuring.
And head back to our transactions.
Along with the transactions, we are also having the delete transactions as a laptop.
Now we need to explore this.
We'll explore the.
Transactions.
OK, so we are done with this now, and it it has to have a return keyword and inside will be having
a box as a parent container.
OK, so now we have imported components and we have created a functional component, and now is the
time to populate the written statement, so inside the box will be having typography and instead of
typography, you'll be having a divider.
So let's just create a typography and close it.
And it should.
Because this is going to show the history of events that we have done and so is having the history,
then you're going to have the divider.
OK, so inside the divider, maybe having military style.
So this is what we are doing, is quoted as in line said you have two sets of curly braces nested inside
each other and will give it the width.
Of about.
And it wasn't.
Now.
So I don't think so that this divide has to there is supposed to be a self-loathing tag.
This is nothing but a horizontal line just below our history.
So now next thing that will be having is the list.
So let's let's just close it and say this list will be mapping out transactions and will mapping them
to.
Transaction components or transactions don't map and.
It will be taking a single transaction and it will be calling about other component of the transaction
component.
So it is supposed to return a keyword.
So instead, this component.
Let's just return and call our transaction component.
Transaction component.
With a cavity.
And give it the proper transaction.
Equals to transaction.
And along the transaction, we will also be passing it to function, so.
So basically putting all that we are getting from abroad, right?
So let's just positive in order to function, delete.
Transactions so I can just paste it.
It was to end and then again, patient, no.
This is supposed to be sort of cutting back now.
It's a.
So we are returning a transaction, but we are not importing it and not absolutely supposed to import
our transaction.
So an import transactions from then you would address our transactions, so it is just incompetent component
the.
So transaction, OK?
So we have completed our transactions, and now it's time to move into a transaction component and we'll
be populating it next.