1 00:00:00,240 --> 00:00:04,980 OK, so now let's add the functionality in the dropdown, so right now we'd better drop down doesn't 2 00:00:04,980 --> 00:00:05,910 have any functionality. 3 00:00:06,640 --> 00:00:12,750 So we already have a dropdown and we have one auction also in it that is vegan, but that's of no use 4 00:00:12,750 --> 00:00:14,760 because that's just for the front. 5 00:00:14,910 --> 00:00:17,250 That's not going to the API endpoint. 6 00:00:17,250 --> 00:00:21,780 And that's not that doesn't play any role in the matching the data. 7 00:00:22,140 --> 00:00:23,790 But let's just add functionality to it. 8 00:00:24,390 --> 00:00:29,930 So what we'll do is we'll add an on click on the option option, which you see here. 9 00:00:30,480 --> 00:00:32,130 We'll add an on click here. 10 00:00:32,310 --> 00:00:38,780 So on clicking this region, it will change the category to begin. 11 00:00:38,850 --> 00:00:39,840 That's what I'm trying to say. 12 00:00:41,400 --> 00:00:42,500 So on, click. 13 00:00:42,510 --> 00:00:46,680 Actually, what we'll do is we'll create a function in learn function factor or function. 14 00:00:48,800 --> 00:00:49,760 Inside this phone. 15 00:00:51,750 --> 00:00:54,300 We'll start the labor to the health label to. 16 00:00:56,320 --> 00:00:56,680 We can. 17 00:00:58,830 --> 00:00:59,850 Yeah, we. 18 00:01:02,020 --> 00:01:03,380 We have to do the same thing. 19 00:01:04,700 --> 00:01:08,180 As many as we want, like it totally depends on us. 20 00:01:08,440 --> 00:01:11,560 So I'll just copy this thing here, and I have to be strict. 21 00:01:13,590 --> 00:01:15,350 Like many, many times. 22 00:01:17,540 --> 00:01:18,410 I think this is enough. 23 00:01:18,980 --> 00:01:19,470 This isn't it. 24 00:01:20,280 --> 00:01:23,720 Next, we will give vegetarian. 25 00:01:24,930 --> 00:01:35,350 Vegetarian and will copy this value from here, and if it's true to determine the value is also vegetarian. 26 00:01:35,370 --> 00:01:35,820 All right. 27 00:01:36,210 --> 00:01:37,800 Next would be low sugar. 28 00:01:41,110 --> 00:01:44,410 There are all kinds of things that you check the documentation, OK. 29 00:01:44,800 --> 00:01:47,140 So there are a lot of things, a lot of things. 30 00:01:48,170 --> 00:01:50,810 No sugar and just to copy this and. 31 00:01:53,660 --> 00:01:54,260 Estradiol. 32 00:01:55,640 --> 00:01:56,270 No sugar. 33 00:01:59,050 --> 00:02:01,090 Trying to make it a little pretty. 34 00:02:01,780 --> 00:02:03,790 Oh, OK. 35 00:02:03,870 --> 00:02:04,720 Alicia, what is done? 36 00:02:05,260 --> 00:02:08,500 Next we go and we give delivery. 37 00:02:12,330 --> 00:02:12,630 The. 38 00:02:14,430 --> 00:02:16,740 Free, not free, is free. 39 00:02:17,770 --> 00:02:21,790 And we just copy this and the value to be free and. 40 00:02:23,200 --> 00:02:23,710 One more. 41 00:02:25,240 --> 00:02:27,310 Was there art from the value? 42 00:02:30,300 --> 00:02:31,200 It was here, right? 43 00:02:32,310 --> 00:02:32,940 Dairy free. 44 00:02:34,280 --> 00:02:38,960 And next, we want one more, so more, what was it? 45 00:02:39,530 --> 00:02:45,290 It was basically a free weed free and. 46 00:02:49,290 --> 00:02:50,280 One more that. 47 00:02:51,190 --> 00:02:55,600 And remember who will go to the documentation and we'll check it once. 48 00:02:56,580 --> 00:02:58,330 Well, I'm not going. 49 00:03:02,370 --> 00:03:03,410 You can go here. 50 00:03:08,720 --> 00:03:10,340 Go to the door. 51 00:03:11,420 --> 00:03:19,550 Knox episodes, the FBI and we'll just search for the food categories. 52 00:03:21,000 --> 00:03:28,500 Diet labels are health labels, so there was one very, very good that was littered with some immunity. 53 00:03:29,630 --> 00:03:33,860 So that was immuno friendly, I guess, I don't know what it was. 54 00:03:35,960 --> 00:03:39,040 Immune support, if you are immune support, this wasn't. 55 00:03:40,530 --> 00:03:43,140 Well, let me just turn to this. 56 00:03:44,110 --> 00:03:48,070 For immune support, there were about 80 free is done. 57 00:03:49,320 --> 00:03:50,430 Immune supportive here. 58 00:03:51,530 --> 00:03:55,180 And commune supportive here and commune supportive. 59 00:03:55,730 --> 00:03:59,090 Yeah, thanks, we can this right? 60 00:04:01,720 --> 00:04:02,550 Hmm. 61 00:04:02,680 --> 00:04:04,060 Maybe you read three. 62 00:04:10,020 --> 00:04:11,760 We pretty. 63 00:04:12,840 --> 00:04:13,440 It also. 64 00:04:15,360 --> 00:04:15,840 We. 65 00:04:17,280 --> 00:04:18,090 And then I say it. 66 00:04:19,040 --> 00:04:26,700 And now what we'll do is we go to the browser and just see, okay. 67 00:04:26,710 --> 00:04:33,740 OK, that is some problem here because all of those is like all of them are scattered. 68 00:04:33,860 --> 00:04:34,610 I don't know while. 69 00:04:36,780 --> 00:04:38,580 Let's go back here and check. 70 00:04:39,760 --> 00:04:40,960 Oh. 71 00:04:41,990 --> 00:04:47,060 After all, I copied it all, there should be just one select option. 72 00:04:48,020 --> 00:04:53,420 This would be just one select option, and this all select should be deleted. 73 00:04:55,590 --> 00:04:56,240 OK. 74 00:04:56,430 --> 00:04:59,790 This is a terrible mistake, man, that's a terrible mistake. 75 00:05:00,510 --> 00:05:03,270 Then it would all the select only one select. 76 00:05:03,470 --> 00:05:04,710 It's a tag, no, inside. 77 00:05:05,430 --> 00:05:07,380 Inside the select, we are giving the options. 78 00:05:07,410 --> 00:05:11,510 Not not every particular option has a select one or two. 79 00:05:11,610 --> 00:05:16,080 Norm, we are giving select a like one select and that is an option. 80 00:05:16,080 --> 00:05:19,190 So I'll give just one select alter one and another. 81 00:05:19,200 --> 00:05:21,690 One's all elite, but this will be the new. 82 00:05:23,220 --> 00:05:26,410 This will be related to select. 83 00:05:26,410 --> 00:05:27,210 Will be deleted. 84 00:05:27,510 --> 00:05:28,200 Is selected. 85 00:05:28,200 --> 00:05:28,860 Mutilated. 86 00:05:30,910 --> 00:05:36,340 This one right here, whatever you see, just like only the first elected on the last select can be 87 00:05:36,340 --> 00:05:36,970 left out. 88 00:05:37,510 --> 00:05:39,970 Oh, you know this select. 89 00:05:40,860 --> 00:05:41,970 This one right here. 90 00:05:42,450 --> 00:05:48,360 Yeah, the last Richard Bittermann, now let us call back here and see. 91 00:05:49,380 --> 00:05:50,850 Yeah, now it works fine. 92 00:05:50,850 --> 00:05:52,350 Art works amazing. 93 00:05:52,350 --> 00:05:53,090 Amazing, amazing. 94 00:05:54,060 --> 00:06:04,470 So we have the option you can like search for mango and we can just search for vegan in the vegan, 95 00:06:04,470 --> 00:06:04,830 right? 96 00:06:05,220 --> 00:06:07,670 So maybe we'll get it. 97 00:06:10,580 --> 00:06:11,900 OK, we got another. 98 00:06:13,850 --> 00:06:21,390 And inside this suite, inside this this keep keep an eye on the first recipe. 99 00:06:21,410 --> 00:06:25,100 OK, so it's the mango realizing glaze. 100 00:06:25,110 --> 00:06:25,580 All right. 101 00:06:26,690 --> 00:06:29,440 And here it is the mango and passion fruit bites. 102 00:06:29,990 --> 00:06:39,320 So when we change it to immunosuppressive or low sugar and when I press a recipe for that should change, 103 00:06:39,500 --> 00:06:40,340 that should change. 104 00:06:42,100 --> 00:06:45,670 Yeah, you can see that is that is that is a change. 105 00:06:47,660 --> 00:06:51,200 There's a scene all and non-alcoholic mimosas. 106 00:06:51,680 --> 00:06:52,370 No sugar. 107 00:06:52,490 --> 00:06:52,850 You know? 108 00:06:53,890 --> 00:07:00,400 And then the second one is Kadota, OK, so I think is working properly, I think is working like very, 109 00:07:00,400 --> 00:07:00,970 very nicely. 110 00:07:02,000 --> 00:07:03,290 So we are done with this. 111 00:07:03,800 --> 00:07:10,240 Now what we do is we want to render everything on like on the way. 112 00:07:10,910 --> 00:07:13,340 We can't be just looking at the console every time. 113 00:07:13,700 --> 00:07:21,470 So now what we'll do is we'll try to render everything on the way and we'll map the data and we'll get 114 00:07:21,470 --> 00:07:23,780 as much as the images, the titles and all.