So now we are getting data from transactions, and now we need to map this data into a transaction component
in this place, each and every data, whenever it is going in that transactions dodges.
So for that purpose, let's first import the necessary files from a material.
So just import and we'll be needing, in this case, list item text.
Along with this will be also an eating list items.
And along with list item, it will be using McStay's at this item, not items.
Make styles.
Automakers will also be importing list item items.
So this oil is supposed to be imported from a material, you A..
They.
So we are imported all that we need no hits.
So it is going to depart Iraq.
Now, as you might recall, will also be needing a one particular.
I can provide material you icons, block the delete icon so that you can delete the particular history
element.
So now we will be importing that.
So we just import.
From now, you might recall that we installed a totally different, different dependency that was material.
You are not caught.
So this is that dependency from which we downloaded this and along with icons will be needing the delete
icon.
OK, so my input seems to be working.
So now we have imported all the stuff that we need and I will be creating a functional component of
this, create a concept and will name it as the name of the file transaction.
Transaction and it is going to receive the probe that is going send by a transaction component.
So as you can see, we are sending all the transactions that we are getting from.
OK, it should be as other transactions that we're getting from our averages and we are sending it to
this.
OK?
There's supposed to be a transaction and because a single transaction is being sent to our transaction
component, right?
So it is going to be a transaction of this.
It has to be delete transactions and digital transactions.
OK, so now what we're receiving and this is so let's just refactor it and we are receiving transaction
and the delete transaction.
Do transactions and.
Now, let's just explore this component expo default.
Transactions.
And even this is supposed to have a captive do not us, Marty.
OK, now we need to put up a written statement in this and then we'll be making our app.
So let's just put up a written statement.
And the parent container in this case is going to be the list item because we are entering list.
So let's just put up the list item and again, create in line styling, will you add a style of nested
braces will give it a right?
Five pixel solid.
Perfectly solid.
And it should be in backpacks.
OK, so this is a style that we're entering into a list and along with this.
Let's just make this rather than back takes.
So to some, some simplicity to it.
So perfectly solid and OK, so we have added soldiers now it needs to have a last name which will be
adding when we were making up our stealth component.
Now let's just load it.
These are the list items.
No, we'll just render a list item item that is going to render item.
So list item icon, it should be icon, not icons.
The next item I can.
And let's just close it now.
Now inside this list item, I can we are going to have a delete icon.
So let's just put up a self-loathing tag.
So here's the delete icon, which on click.
Nine Act aren't like property, you might see that this guy kissed.
I just cannot write it like on clay because this is not going to work.
So this property is complicated and react on click and then give it a function.
And this is going to trigger delete transactions that we are receiving from our branches, and we are
passing the transaction early.
So just give it a transaction, thought I'd know her wondering where this is coming from, so let's
just head back to.