1 00:00:00,150 --> 00:00:07,430 Once we have finished three very different inspirations, we are going to come first for always Threatcon 2 00:00:07,440 --> 00:00:15,950 Turner like, oh, red container will contain always SREP Gateway for the payment. 3 00:00:16,290 --> 00:00:23,100 OK, as you can see, if you try to click on order, so that is are ease after feeling different information 4 00:00:23,100 --> 00:00:24,650 about the name and email. 5 00:00:25,110 --> 00:00:31,480 Once you click on validate, the desire is to be redirected to instruct Gateway. 6 00:00:31,530 --> 00:00:36,270 So this is what's required to and swipe control is going through. 7 00:00:36,480 --> 00:00:41,100 Gates is going to have to wrap 8 00:00:44,010 --> 00:00:44,510 this up. 9 00:00:44,520 --> 00:00:52,380 Gateway and Disrupt Gateway is going to be created in a set of or payments from OK, which is already 10 00:00:52,380 --> 00:00:52,890 payments. 11 00:00:52,890 --> 00:00:57,410 Components like our payments components is going to be our each week. 12 00:00:58,020 --> 00:01:05,500 And so we're going to take these payments components and includes import these payments component inside 13 00:01:05,520 --> 00:01:12,720 of each container and disrupt container finally is going to be imported in theologies. 14 00:01:12,990 --> 00:01:20,790 So it is very simple what's required to let us go back first rule of thumb, dodgiest, deforesting 15 00:01:20,790 --> 00:01:28,530 I'm going to invest is to import SREP container and we're going to say imports. 16 00:01:29,960 --> 00:01:30,750 Uh. 17 00:01:32,700 --> 00:01:33,260 Right. 18 00:01:34,620 --> 00:01:35,170 OK. 19 00:01:37,430 --> 00:01:38,960 SREP container. 20 00:01:44,440 --> 00:01:46,750 SWEPCO Turner from. 21 00:01:49,080 --> 00:01:50,840 Shrunken to like this. 22 00:01:50,900 --> 00:01:51,210 OK. 23 00:01:52,080 --> 00:02:06,840 And we're going to import this like this, and the second thing, we are going to create a lot of information 24 00:02:06,840 --> 00:02:14,180 in our states, which is take heart and we are going to define this by Leith's is equal to force. 25 00:02:14,230 --> 00:02:14,660 OK. 26 00:02:16,420 --> 00:02:23,020 Takeout is going to be equal to first, this is in all the data in our state, so we are going to be 27 00:02:23,020 --> 00:02:24,400 asking a question. 28 00:02:24,760 --> 00:02:28,050 OK, we are going to come here and it is moment. 29 00:02:28,100 --> 00:02:29,410 Make sure to. 30 00:02:33,290 --> 00:02:36,380 OK, yes, in small means. 31 00:02:39,020 --> 00:02:43,360 Yes, he just moments make sure to remove all of this. 32 00:02:43,410 --> 00:02:47,030 I can't resist that because I am. 33 00:02:53,580 --> 00:03:00,120 We went to remove these insert heart and it because once we're going to click on VALIDATE, so we will 34 00:03:00,120 --> 00:03:07,210 not want to directly save name and email in our database, they deserve to be irradiated first, all 35 00:03:07,240 --> 00:03:11,910 to disrupt Gates we saw to in order to accomplish our purchase. 36 00:03:12,180 --> 00:03:19,050 And after the purchase has been accomplished, then we are going to take our name and we're going to 37 00:03:19,050 --> 00:03:20,460 save in our database. 38 00:03:20,510 --> 00:03:24,420 OK, otherwise we will not leave. 39 00:03:24,420 --> 00:03:30,900 This by default is no information about the name and image can't be saved in our database. 40 00:03:30,900 --> 00:03:33,120 So let us big fish sauce here. 41 00:03:33,360 --> 00:03:34,920 We are going to set the conditions. 42 00:03:34,920 --> 00:03:37,980 So I'm going to remove these dots in search of Andrew. 43 00:03:40,130 --> 00:03:46,290 OK, so we're going to see what's required, so we can't we are going through Mexico creation. 44 00:03:46,370 --> 00:03:48,620 We can't put this here on summate. 45 00:03:49,010 --> 00:03:53,650 So let us put our set of a baton. 46 00:03:53,780 --> 00:03:54,830 So what's regular? 47 00:03:54,920 --> 00:03:58,730 So we are going to say something like. 48 00:03:59,770 --> 00:04:04,290 Uh, we are going to create a function like. 49 00:04:07,210 --> 00:04:11,380 Is I can't we can't say is Valdete. 50 00:04:13,830 --> 00:04:14,700 But, Tom. 51 00:04:21,440 --> 00:04:23,090 Police handler. 52 00:04:24,140 --> 00:04:33,320 So it is very long, you can make your own, let's say this validates button click Tendler. 53 00:04:43,210 --> 00:04:49,660 OK, so we can do like this and it's we have an air or type. 54 00:04:52,710 --> 00:04:53,400 Like this. 55 00:05:08,470 --> 00:05:16,630 It's REDESCRIBE here, and they're going to do something we're going to say if resample. 56 00:05:19,640 --> 00:05:20,840 This like. 57 00:05:22,040 --> 00:05:26,650 These words like Tendler, OK? 58 00:05:31,620 --> 00:05:35,670 Just ring us only like this, I guess, to call. 59 00:05:38,440 --> 00:05:40,040 Oh, you're your function like this. 60 00:05:40,060 --> 00:05:42,460 I think that's really intense, we can say. 61 00:05:44,330 --> 00:05:48,650 They can't say if the validation is that this. 62 00:05:53,300 --> 00:05:54,890 Politician Hinsliff. 63 00:05:56,410 --> 00:06:05,320 OK, to make it short, if foundation and we are going to copy, we're going to change the sanction 64 00:06:05,320 --> 00:06:08,530 or we can say is validation Henslow. 65 00:06:09,510 --> 00:06:10,680 Yes, like this. 66 00:06:12,720 --> 00:06:14,670 So here we're going to put away. 67 00:06:16,560 --> 00:06:19,620 You say even though it's. 68 00:06:21,490 --> 00:06:22,480 Previn's. 69 00:06:24,410 --> 00:06:25,610 A default. 70 00:06:27,030 --> 00:06:27,350 OK. 71 00:06:31,990 --> 00:06:43,360 That is an update that's really going to hurt this state function case, the state, uh, and Hillary 72 00:06:44,590 --> 00:06:46,990 group faced these controversies. 73 00:06:47,500 --> 00:06:50,110 So what we're going to do here is through. 74 00:06:52,790 --> 00:07:01,140 Define depraved states like King and the States regulate the and rear function. 75 00:07:01,670 --> 00:07:12,050 So here inside we are going to say this not take out OK is going to be equal to parade. 76 00:07:14,450 --> 00:07:21,170 States don't take cut and we're going to put this. 77 00:07:23,270 --> 00:07:26,480 Oh, no, I said take take that. 78 00:07:26,510 --> 00:07:30,350 OK, so here are regular updates. 79 00:07:30,380 --> 00:07:38,810 OK, we are going to update the take out data like in this case from a false, true, true. 80 00:07:39,050 --> 00:07:48,710 Once we click, for example, all the spots on here, once we did once we click here and after fearing 81 00:07:48,710 --> 00:07:51,620 the threat information about name and e-mail. 82 00:07:52,010 --> 00:08:02,000 So the desire is to be redirected through the threat, her gateway to disrupt Gates, we so reason we're 83 00:08:02,000 --> 00:08:08,330 here, the periphery to create a new data in our state. 84 00:08:08,330 --> 00:08:10,940 And once these details. 85 00:08:11,660 --> 00:08:19,040 So we are going to remove this form, we are going to replace these forms to disrupt Gateway. 86 00:08:19,260 --> 00:08:19,610 Okay. 87 00:08:20,240 --> 00:08:23,560 So I think that Schwa understand it is very simple. 88 00:08:24,020 --> 00:08:27,490 So what's required to this is always from like. 89 00:08:29,160 --> 00:08:32,700 And here we are going to set a condition to say. 90 00:08:35,420 --> 00:08:47,120 These dirt states not to cut like this, though, stick shaker thought they like this ain't. 91 00:08:50,170 --> 00:08:52,570 It is going to be courtroom. 92 00:08:54,570 --> 00:08:56,410 If it is true, OK. 93 00:08:58,080 --> 00:09:04,260 If it is true and then we are going to integrate this red container which contains the payment form, 94 00:09:04,410 --> 00:09:15,360 which is always truck gets weak, always like it is force, and saying we are going to put our form 95 00:09:16,440 --> 00:09:18,720 of evaluation for like this. 96 00:09:20,030 --> 00:09:20,630 Where you not? 97 00:09:23,220 --> 00:09:23,550 Is. 98 00:09:26,230 --> 00:09:28,950 All it does take from all these. 99 00:09:41,700 --> 00:09:48,720 It is passed or it's I just caught this right parenthesis. 100 00:09:58,020 --> 00:09:59,630 Uh, this. 101 00:10:23,310 --> 00:10:30,440 And armouries, we're going to call the shrimp container, okay? 102 00:10:33,670 --> 00:10:35,020 Contain a lot this. 103 00:10:41,470 --> 00:10:44,030 Otherwise, we are going to interpret this content. 104 00:10:44,220 --> 00:10:47,980 OK, so very good luck this. 105 00:10:52,100 --> 00:10:53,610 Tastes very good. 106 00:10:58,380 --> 00:10:59,310 So what's going on? 107 00:10:59,310 --> 00:11:05,520 So here we are going to come here or continue, we're going to make something. 108 00:11:05,530 --> 00:11:14,850 So it's we're going to do we are going to say import K a, do not forget the imports react, OK, so 109 00:11:15,000 --> 00:11:17,610 we can't directly create our own. 110 00:11:19,990 --> 00:11:24,110 Or function components, and here we are going to use real troops. 111 00:11:24,130 --> 00:11:30,820 It is very simple to understand and we can make some updates in order to add something. 112 00:11:30,820 --> 00:11:33,000 But riots, hooks and here.