1 00:00:00,600 --> 00:00:07,710 OK, so now let us go to the transaction component, which we created earlier, so there was some issues 2 00:00:07,710 --> 00:00:08,190 with that. 3 00:00:08,220 --> 00:00:09,600 So let me first to lead this. 4 00:00:10,940 --> 00:00:16,610 Don't delete clause in the transaction component, there was some issues because we because we did not 5 00:00:16,610 --> 00:00:24,320 create our because we did not create money for Mattel, and we also did not call that a global state. 6 00:00:24,720 --> 00:00:29,720 So first of all, let me just call or import out of the normal state that are going to be. 7 00:00:30,710 --> 00:00:31,580 Global context. 8 00:00:32,680 --> 00:00:40,240 From Global State, next, let me just based our money for mental functions over to. 9 00:00:41,510 --> 00:00:43,580 Wars and expense. 10 00:00:45,360 --> 00:00:53,540 And so and I will copy this money for America to function, and I will paste it in, you know? 11 00:00:55,630 --> 00:01:04,270 OK, next, what we'll do is we'll add some more functionalities now, or what we'll do is we'll first 12 00:01:04,270 --> 00:01:04,720 of all. 13 00:01:07,170 --> 00:01:13,440 In the transaction, not here, here, the work is done when you go to the transaction function and 14 00:01:13,440 --> 00:01:14,790 how do you create a. 15 00:01:16,040 --> 00:01:17,770 A constant or. 16 00:01:19,350 --> 00:01:20,490 That will be a sign. 17 00:01:20,700 --> 00:01:27,270 So I've already created that time, but not what we want to do is we want to it like a delayed functionality. 18 00:01:27,660 --> 00:01:35,160 And also the money should be like drawn properly, according to the formatting. 19 00:01:35,520 --> 00:01:38,820 So first of all, let me just show the money properly. 20 00:01:39,240 --> 00:01:40,920 So what we are going is that. 21 00:01:42,850 --> 00:01:50,440 This is already done a list, and ahead of what we'll do is we'll show the next like what text like 22 00:01:50,440 --> 00:01:53,200 the label on the title of the band. 23 00:01:53,200 --> 00:01:58,240 Actions before that will do is that we just the transaction. 24 00:01:59,540 --> 00:02:01,250 Transaction bought. 25 00:02:03,160 --> 00:02:03,760 Next. 26 00:02:05,180 --> 00:02:10,500 Maybe it is a label that we'll check later regarding it, or we'll just figured it out. 27 00:02:11,150 --> 00:02:15,710 And inside this, we'll use the sign and the span. 28 00:02:15,800 --> 00:02:25,070 So the science should be negative or positive that we've already discussed or had been that we've already 29 00:02:25,080 --> 00:02:26,840 discussed here this time. 30 00:02:27,140 --> 00:02:29,600 If the amount is less than ideal, then it will be negative. 31 00:02:29,840 --> 00:02:36,200 And if it's greater than zero, that only positive, as simple as that, who inside this is banned. 32 00:02:37,010 --> 00:02:41,000 What we'll do is that being first of all, I call the sign. 33 00:02:41,710 --> 00:02:45,710 So it's positive or negative, according to that. 34 00:02:46,220 --> 00:02:47,940 After that, we'll have the amount. 35 00:02:47,960 --> 00:02:52,100 So for that, we need the money for factor inside the money for. 36 00:02:52,570 --> 00:02:57,210 We'll have that transaction amount for transaction art. 37 00:02:59,880 --> 00:03:08,160 OK, so next, we will have a button to delete the entry, to delete the history, let me assure you 38 00:03:08,790 --> 00:03:14,100 what I'm talking about or when I go here and this is the button, this class button. 39 00:03:14,880 --> 00:03:19,500 So this will lead this particular entry from history. 40 00:03:19,510 --> 00:03:23,250 So that is what we are going to do next. 41 00:03:23,280 --> 00:03:30,840 What we do is, first of all, we'll add a functionality or let me just create a function first. 42 00:03:31,830 --> 00:03:40,980 So for us, we will add one click to this button and the rest of the function is on click. 43 00:03:42,180 --> 00:03:43,560 And this would be. 44 00:03:44,580 --> 00:03:53,160 An inline function, of course, the one we are building from so long, so that will be delete, delete. 45 00:03:54,770 --> 00:04:02,180 Songs, action, new transaction, and it will be strong action, and I'd be. 46 00:04:03,500 --> 00:04:09,590 The class name would be for the Barton will, a class name also, and it will add a class me. 47 00:04:11,220 --> 00:04:11,850 Class me. 48 00:04:12,820 --> 00:04:14,740 Would it be really important? 49 00:04:15,940 --> 00:04:18,240 Indeed, a fun beat. 50 00:04:18,460 --> 00:04:20,860 And let me just say it. 51 00:04:22,130 --> 00:04:29,510 So next, what we'll do is we'll create a context for this, also for the delete button inside the function 52 00:04:29,510 --> 00:04:36,950 transaction only will add a contest and service that will be delete transaction and it will be equal 53 00:04:36,950 --> 00:04:37,250 to. 54 00:04:38,310 --> 00:04:41,430 It was context, and this will be the. 55 00:04:42,660 --> 00:04:42,930 Well. 56 00:04:44,370 --> 00:04:49,980 And we have gone on to this is how things are going right now, so. 57 00:04:52,280 --> 00:04:55,340 Let me fight off for I mean. 58 00:04:57,160 --> 00:04:58,270 And go with the browser. 59 00:05:03,940 --> 00:05:09,010 We are still having a problem in income expense terms, yes. 60 00:05:09,280 --> 00:05:10,450 It shows that. 61 00:05:12,100 --> 00:05:16,210 Rules that transactions object is not defined. 62 00:05:17,110 --> 00:05:19,060 On the line are going to be. 63 00:05:20,470 --> 00:05:20,830 One. 64 00:05:23,510 --> 00:05:25,520 So let me ask you. 65 00:05:28,430 --> 00:05:29,120 Income tax. 66 00:05:32,810 --> 00:05:35,120 Transactions is not fine, tune this. 67 00:05:36,250 --> 00:05:38,320 What it is is. 68 00:05:40,090 --> 00:05:40,870 Is to find. 69 00:05:44,510 --> 00:05:47,420 You cannot say it's not too before and. 70 00:05:49,930 --> 00:05:52,960 Maybe only two imported from somewhere. 71 00:05:53,920 --> 00:05:56,590 But that I don't need to import, I mean. 72 00:05:58,290 --> 00:06:04,140 Now, let me go to our context, like all of the errors are coming from there only because our context 73 00:06:04,140 --> 00:06:06,270 is not completely finished. 74 00:06:06,930 --> 00:06:11,880 So first of all, that is automated out here, so we do something about that also. 75 00:06:12,150 --> 00:06:18,810 First of all, I need to import part reducer in the global context to import the app. 76 00:06:20,110 --> 00:06:22,930 Producer, OK, auto import control. 77 00:06:23,110 --> 00:06:27,550 That's a really, really happy feeling when it auto imports for you. 78 00:06:28,180 --> 00:06:35,020 OK, the create context is done and the provider component is, I think, almost or done all we need 79 00:06:35,020 --> 00:06:40,630 to create actions after the provider can't provide components and like what are the external actions? 80 00:06:41,440 --> 00:06:49,060 Same as like what we did when we were diluting their transaction or ending our transaction before that 81 00:06:49,810 --> 00:06:51,430 basically for. 82 00:06:52,880 --> 00:06:57,560 Had I create a comment that would be saying that these actions belong? 83 00:06:58,440 --> 00:07:02,370 So what are the actions or what I'll do is I'll create a function. 84 00:07:03,790 --> 00:07:09,010 Function, this function were to be the lead transaction. 85 00:07:10,870 --> 00:07:16,840 The new transaction, it will contain an I.D. like which transaction needs to be deleted? 86 00:07:17,870 --> 00:07:24,340 We lose our dispatch while explaining why we are using dispatch to insert dispatch. 87 00:07:24,340 --> 00:07:28,530 We'll be using type basically type a type. 88 00:07:28,540 --> 00:07:33,070 Would it be value transaction, simple string. 89 00:07:33,070 --> 00:07:34,170 That is no logic. 90 00:07:34,360 --> 00:07:35,310 You can write anything. 91 00:07:37,810 --> 00:07:38,150 Thanks. 92 00:07:39,820 --> 00:07:43,990 And next, we'll be having a bill like a coma, and then we'll have. 93 00:07:45,310 --> 00:07:48,160 A., B. A.. 94 00:07:49,330 --> 00:07:51,680 Spill would be ready. 95 00:07:53,610 --> 00:08:03,240 OK, next, what will be happening is that we'll be having another function to add the transaction before 96 00:08:03,240 --> 00:08:03,690 that. 97 00:08:04,050 --> 00:08:07,290 After this, we'll have another function. 98 00:08:08,280 --> 00:08:12,700 So that function would be at times, actually. 99 00:08:16,180 --> 00:08:22,180 And transaction, and this will also expect an argument, so that will be a transaction. 100 00:08:23,120 --> 00:08:33,670 And inside this ad would be the dispatch force dispatch and dispatch container type. 101 00:08:34,790 --> 00:08:42,830 Type and type would be a simple string, so we can write anything I'll be using add transaction. 102 00:08:44,240 --> 00:08:48,390 On S. Bond spending this correct. 103 00:08:48,430 --> 00:08:55,040 You know, what we're going to do is we're going to provide a comma here because there is one more action. 104 00:08:56,720 --> 00:08:58,850 That will be the Lord. 105 00:09:00,830 --> 00:09:02,960 The know would be gone. 106 00:09:05,950 --> 00:09:07,630 He to like to configure. 107 00:09:08,450 --> 00:09:12,130 OK, that is some error, but that will be fixed soon. 108 00:09:13,330 --> 00:09:21,700 We have an ad in our producer basically expected an assignment or function call instead of a saw operation 109 00:09:21,700 --> 00:09:23,230 in the app to do so basically. 110 00:09:23,590 --> 00:09:26,950 So now we are just going to the producer and see like, what's the problem? 111 00:09:27,480 --> 00:09:29,590 Or next, we'll be going to the producer.