1
00:00:00,360 --> 00:00:06,480
So add up as it is now, we are able to fetch a list of 20 images and display them on a UI.

2
00:00:06,930 --> 00:00:12,900
But the piece of code that is still missing from it up and that is the ability to search for emojis

3
00:00:13,230 --> 00:00:16,260
because that what that order does, right?

4
00:00:16,650 --> 00:00:19,290
So let's just add that functionality into our app.

5
00:00:19,290 --> 00:00:22,460
So for that purpose, move into your 1:45.

6
00:00:23,130 --> 00:00:27,660
And what would we be doing is that we'll be creating a function in that app state and later passing

7
00:00:27,660 --> 00:00:29,340
in that function into a search bar.

8
00:00:30,380 --> 00:00:36,050
So that we can change the value of our state, so for that purpose, let's just create a function and

9
00:00:36,050 --> 00:00:37,670
call it maybe handle change.

10
00:00:41,880 --> 00:00:43,710
And this is going to take up an event.

11
00:00:47,010 --> 00:00:53,460
And this is a terror function, and this is going to change our state, so distorted state again, we're

12
00:00:53,460 --> 00:00:59,180
going to change the value of our territory emoji, which should be again guiding light filter function

13
00:00:59,340 --> 00:01:00,200
filter component.

14
00:01:01,380 --> 00:01:04,190
And this time will be passing two parameters.

15
00:01:05,460 --> 00:01:11,340
This time it is not going to be an empty string will be passing it or targeted value, which they're

16
00:01:11,340 --> 00:01:13,500
going to receive from a search bar.

17
00:01:13,950 --> 00:01:22,860
So even though Target Dot should be target, not value and the maximum number of results that we want

18
00:01:22,860 --> 00:01:23,690
to be shown on, are you?

19
00:01:24,180 --> 00:01:29,150
So at max, let's just say again, 20, or perhaps this time we're going to just limited to 50.

20
00:01:29,230 --> 00:01:31,980
OK, so will decided to 15 and hit save.

21
00:01:32,250 --> 00:01:36,240
So now we want to pass this Hendra change into a search bar, right?

22
00:01:36,810 --> 00:01:41,130
So let's just put it and limit on change.

23
00:01:43,570 --> 00:01:44,230
Handwriting's.

24
00:01:46,600 --> 00:01:49,750
It should be equal to the start.

25
00:01:51,540 --> 00:01:52,290
And a change.

26
00:01:52,410 --> 00:01:55,560
No hit safe, and let's just go into a search bar.

27
00:01:57,160 --> 00:01:59,770
Now here we are in agreement to create another function.

28
00:02:00,550 --> 00:02:03,940
So we'll be creating another handle this this time.

29
00:02:05,010 --> 00:02:11,880
Which is again, going to take up an event and this is an arrow function, and now they'll be calling

30
00:02:11,880 --> 00:02:16,980
up our function that we have passed from our props to this, they're starting to change.

31
00:02:19,030 --> 00:02:23,410
Which you're receiving from a props and passing it, the event that we're receiving.

32
00:02:24,630 --> 00:02:30,300
Now we need to call this hand effects into an inner input field, so let's just call it.

33
00:02:30,720 --> 00:02:35,970
So what are our going to put in here is that change should be equal to.

34
00:02:38,100 --> 00:02:38,850
The start.

35
00:02:39,760 --> 00:02:40,570
And a text.

36
00:02:44,210 --> 00:02:49,910
So now we're getting our data, but we need to make sure that we have functionalities in a fair trial

37
00:02:49,910 --> 00:02:52,580
just to consider it right.

38
00:02:52,850 --> 00:02:54,020
So that's what we do now.