1 00:00:00,480 --> 00:00:07,200 So now that we have successfully matched the data from immediate results, it's time in a mid-year results 2 00:00:07,410 --> 00:00:10,230 to receive that data and show it on air. 3 00:00:10,290 --> 00:00:12,810 So for that purpose, let's just create a component. 4 00:00:13,170 --> 00:00:15,780 And this again, is going to be a class component. 5 00:00:16,110 --> 00:00:23,490 So let's just first import a beer component from the act module and after this will be creating a bad 6 00:00:24,570 --> 00:00:25,320 class component. 7 00:00:25,330 --> 00:00:27,030 So let's just export default. 8 00:00:28,200 --> 00:00:31,110 And this is going to be a class the name image results through. 9 00:00:36,250 --> 00:00:38,920 It is supposed to be just reserves, not reserves. 10 00:00:39,370 --> 00:00:39,700 OK. 11 00:00:39,760 --> 00:00:42,050 This reminds me that I made a mistake in age. 12 00:00:44,530 --> 00:00:45,550 Immediate results. 13 00:00:46,830 --> 00:00:51,570 But then again, it is fine if we just leave it like there been one thing just for sanity purposes, 14 00:00:52,380 --> 00:00:58,140 let's just make it desert and let's save and move back into a. 15 00:00:59,320 --> 00:01:00,250 Immediate results. 16 00:01:00,760 --> 00:01:01,420 Okay. 17 00:01:01,780 --> 00:01:02,680 We wanted. 18 00:01:03,930 --> 00:01:05,060 They're not going to say this now. 19 00:01:05,430 --> 00:01:06,840 OK, let me disclose it. 20 00:01:07,560 --> 00:01:10,440 No, export the world class imageries altro. 21 00:01:11,010 --> 00:01:15,360 And this is going to extend to feel component. 22 00:01:18,910 --> 00:01:22,410 Now, as usual, every React component is going to hold up a. 23 00:01:24,060 --> 00:01:24,780 Random method. 24 00:01:24,910 --> 00:01:26,640 So let's just give it a try, and no matter. 25 00:01:28,030 --> 00:01:30,640 And this, in turn, would be having a written statement. 26 00:01:32,450 --> 00:01:36,920 And as a ritual, every written statement needs to have a parent death. 27 00:01:37,430 --> 00:01:39,070 So let's just give it to parents. 28 00:01:40,190 --> 00:01:44,720 Now let's just see what we are receiving from our emoji results. 29 00:01:45,050 --> 00:01:49,010 So we are receiving a symbol, a title as well as key. 30 00:01:49,580 --> 00:01:54,020 So at present, we only have the use for symbol as well as title. 31 00:01:54,050 --> 00:01:56,540 So let's just restructure it into our application. 32 00:01:56,930 --> 00:02:03,560 So just about a written statement in a random method, what they're going to do is that will be creating 33 00:02:03,560 --> 00:02:09,860 a concept and title because that's what we're receiving as a symbol. 34 00:02:12,080 --> 00:02:16,800 It's going to be close to this start, perhaps because we are receiving them as a property's right to 35 00:02:16,850 --> 00:02:22,220 die inside our written statement after a pattern of what they are going to do is will be rendering our 36 00:02:22,220 --> 00:02:22,940 first image. 37 00:02:23,810 --> 00:02:28,970 And this is going to have a source that should just leave it and deepen and alternative name, which 38 00:02:28,970 --> 00:02:30,810 is going to be our title. 39 00:02:32,540 --> 00:02:35,370 Now let's just close the self-closing image, OK? 40 00:02:35,720 --> 00:02:43,220 So I see Natasha now after this image, we are going to have a wing span with the class name or title. 41 00:02:46,040 --> 00:02:48,870 And this is going to hold up as title. 42 00:02:49,130 --> 00:02:51,730 The name or the name of emoji. 43 00:02:52,460 --> 00:02:58,310 And apart from this fan will be having another spin that is going to hold about information that is 44 00:02:58,310 --> 00:03:01,130 going to say to us, Hey, copy this into a clipboard. 45 00:03:02,060 --> 00:03:04,040 So just click to copy. 46 00:03:09,370 --> 00:03:13,030 OK, so this is going to have a class name of info rather than title. 47 00:03:15,470 --> 00:03:21,620 Now, as we have already discussed, that images or images are treated differently and application, 48 00:03:21,620 --> 00:03:24,470 therefore we have to provided a hex code value. 49 00:03:24,830 --> 00:03:28,850 So right at the place where we begin, we'll be giving it a hex code value. 50 00:03:29,570 --> 00:03:31,340 So let's just create a constant. 51 00:03:33,000 --> 00:03:33,790 And it. 52 00:03:35,800 --> 00:03:39,540 Concert what you rename it with your name at Gold Point X. 53 00:03:47,050 --> 00:03:50,290 No, this is going to be equal to the start. 54 00:03:50,450 --> 00:03:59,080 Perhaps the symbol, but since we have already secured, we can just hope it voted as I a symbol and 55 00:03:59,380 --> 00:04:02,170 symbol that could point that. 56 00:04:06,580 --> 00:04:08,860 Which is going to be close to zero. 57 00:04:09,100 --> 00:04:10,180 And to string. 58 00:04:12,770 --> 00:04:13,970 We should be having 16. 59 00:04:15,770 --> 00:04:20,630 OK, so we have now configured a record point, text notes, time to use it, but before we do that, 60 00:04:21,440 --> 00:04:26,960 what we're going to do is inside our source component, we're going to assign it another source. 61 00:04:26,970 --> 00:04:31,610 So let's just create another source constant, which is going to be equal to. 62 00:04:35,180 --> 00:04:39,800 We will be using backpacks because we are to use the code wind picks inside of us. 63 00:04:40,040 --> 00:04:41,030 So a statement. 64 00:04:41,510 --> 00:04:45,290 So we are getting a emoji from this, you added. 65 00:04:45,620 --> 00:04:52,100 So now let's just assign it a source and give our image a source, which is again an associate and hit 66 00:04:52,100 --> 00:04:52,460 save. 67 00:04:54,080 --> 00:04:58,400 So now we have configured everything that we needed for the basic functioning of ADAP. 68 00:04:58,790 --> 00:05:07,010 We are transferring data from a mojito after filtering it, then we are going to add Amadu results and 69 00:05:07,010 --> 00:05:11,960 we are again, then mapping it and we are showing that you are using emoji results, right? 70 00:05:12,710 --> 00:05:14,420 So now let's just take a look at that up.