1
00:00:02,300 --> 00:00:07,710
So now we are getting data from transactions, and now we need to map this data into a transaction component

2
00:00:08,210 --> 00:00:12,560
in this place, each and every data, whenever it is going in that transactions dodges.

3
00:00:13,040 --> 00:00:19,020
So for that purpose, let's first import the necessary files from a material.

4
00:00:20,300 --> 00:00:25,310
So just import and we'll be needing, in this case, list item text.

5
00:00:29,860 --> 00:00:32,200
Along with this will be also an eating list items.

6
00:00:36,840 --> 00:00:41,730
And along with list item, it will be using McStay's at this item, not items.

7
00:00:43,170 --> 00:00:43,990
Make styles.

8
00:00:45,740 --> 00:00:48,480
Automakers will also be importing list item items.

9
00:00:56,560 --> 00:01:00,610
So this oil is supposed to be imported from a material, you A..

10
00:01:06,330 --> 00:01:06,710
They.

11
00:01:14,460 --> 00:01:16,840
So we are imported all that we need no hits.

12
00:01:17,130 --> 00:01:18,540
So it is going to depart Iraq.

13
00:01:19,050 --> 00:01:22,140
Now, as you might recall, will also be needing a one particular.

14
00:01:22,140 --> 00:01:28,170
I can provide material you icons, block the delete icon so that you can delete the particular history

15
00:01:28,170 --> 00:01:28,560
element.

16
00:01:29,220 --> 00:01:30,990
So now we will be importing that.

17
00:01:31,440 --> 00:01:32,520
So we just import.

18
00:01:39,480 --> 00:01:44,790
From now, you might recall that we installed a totally different, different dependency that was material.

19
00:01:47,330 --> 00:01:48,860
You are not caught.

20
00:01:55,810 --> 00:02:01,750
So this is that dependency from which we downloaded this and along with icons will be needing the delete

21
00:02:01,750 --> 00:02:02,110
icon.

22
00:02:04,040 --> 00:02:06,500
OK, so my input seems to be working.

23
00:02:07,940 --> 00:02:12,950
So now we have imported all the stuff that we need and I will be creating a functional component of

24
00:02:12,950 --> 00:02:17,240
this, create a concept and will name it as the name of the file transaction.

25
00:02:19,670 --> 00:02:25,460
Transaction and it is going to receive the probe that is going send by a transaction component.

26
00:02:25,520 --> 00:02:29,550
So as you can see, we are sending all the transactions that we are getting from.

27
00:02:30,260 --> 00:02:36,230
OK, it should be as other transactions that we're getting from our averages and we are sending it to

28
00:02:36,230 --> 00:02:36,560
this.

29
00:02:37,130 --> 00:02:37,550
OK?

30
00:02:37,730 --> 00:02:44,330
There's supposed to be a transaction and because a single transaction is being sent to our transaction

31
00:02:44,330 --> 00:02:45,050
component, right?

32
00:02:45,290 --> 00:02:47,600
So it is going to be a transaction of this.

33
00:02:47,600 --> 00:02:51,190
It has to be delete transactions and digital transactions.

34
00:02:51,200 --> 00:02:58,640
OK, so now what we're receiving and this is so let's just refactor it and we are receiving transaction

35
00:02:59,900 --> 00:03:01,250
and the delete transaction.

36
00:03:12,730 --> 00:03:14,050
Do transactions and.

37
00:03:15,960 --> 00:03:21,150
Now, let's just explore this component expo default.

38
00:03:26,690 --> 00:03:27,620
Transactions.

39
00:03:35,430 --> 00:03:38,660
And even this is supposed to have a captive do not us, Marty.

40
00:03:38,950 --> 00:03:44,310
OK, now we need to put up a written statement in this and then we'll be making our app.

41
00:03:44,670 --> 00:03:47,010
So let's just put up a written statement.

42
00:03:49,690 --> 00:03:54,070
And the parent container in this case is going to be the list item because we are entering list.

43
00:03:55,090 --> 00:04:05,010
So let's just put up the list item and again, create in line styling, will you add a style of nested

44
00:04:05,590 --> 00:04:08,200
braces will give it a right?

45
00:04:11,480 --> 00:04:12,500
Five pixel solid.

46
00:04:19,360 --> 00:04:20,500
Perfectly solid.

47
00:04:20,770 --> 00:04:23,530
And it should be in backpacks.

48
00:04:25,800 --> 00:04:30,600
OK, so this is a style that we're entering into a list and along with this.

49
00:04:32,560 --> 00:04:36,040
Let's just make this rather than back takes.

50
00:04:37,210 --> 00:04:40,420
So to some, some simplicity to it.

51
00:04:42,270 --> 00:04:48,720
So perfectly solid and OK, so we have added soldiers now it needs to have a last name which will be

52
00:04:48,720 --> 00:04:51,810
adding when we were making up our stealth component.

53
00:04:52,500 --> 00:04:53,600
Now let's just load it.

54
00:04:53,970 --> 00:04:54,960
These are the list items.

55
00:04:55,420 --> 00:04:59,790
No, we'll just render a list item item that is going to render item.

56
00:05:00,210 --> 00:05:03,930
So list item icon, it should be icon, not icons.

57
00:05:05,820 --> 00:05:06,780
The next item I can.

58
00:05:08,540 --> 00:05:10,460
And let's just close it now.

59
00:05:12,660 --> 00:05:16,470
Now inside this list item, I can we are going to have a delete icon.

60
00:05:20,430 --> 00:05:22,530
So let's just put up a self-loathing tag.

61
00:05:22,830 --> 00:05:25,860
So here's the delete icon, which on click.

62
00:05:28,370 --> 00:05:32,900
Nine Act aren't like property, you might see that this guy kissed.

63
00:05:33,020 --> 00:05:37,130
I just cannot write it like on clay because this is not going to work.

64
00:05:37,130 --> 00:05:44,120
So this property is complicated and react on click and then give it a function.

65
00:05:48,270 --> 00:05:55,680
And this is going to trigger delete transactions that we are receiving from our branches, and we are

66
00:05:55,800 --> 00:05:57,510
passing the transaction early.

67
00:06:01,730 --> 00:06:08,630
So just give it a transaction, thought I'd know her wondering where this is coming from, so let's

68
00:06:08,630 --> 00:06:09,800
just head back to.