1
00:00:01,270 --> 00:00:06,400
This is the continuation of the previous video in this video really finish off the no component that

2
00:00:06,400 --> 00:00:11,500
is this the remaining part understanding the spark of code for the first thing, I thought about that

3
00:00:11,500 --> 00:00:13,660
and said, we have implemented this component.

4
00:00:13,780 --> 00:00:15,790
We have important this component from the UI code.

5
00:00:16,300 --> 00:00:21,310
So this graph from props bursting the class, we are sending it you that this class will be targeted

6
00:00:21,310 --> 00:00:23,230
in something I would consider using.

7
00:00:23,320 --> 00:00:26,320
This will have a class and a broader some color and everything.

8
00:00:27,330 --> 00:00:31,540
And then source sauce will be what will be the source of the image.

9
00:00:31,560 --> 00:00:34,680
It will be user data dot image you are.

10
00:00:35,250 --> 00:00:39,750
So basically, user data will contain all the details of the user through which he signed it.

11
00:00:40,230 --> 00:00:41,380
And it will have an image.

12
00:00:41,380 --> 00:00:42,220
You are a property.

13
00:00:42,240 --> 00:00:43,470
We are updating that image.

14
00:00:43,470 --> 00:00:45,420
You are it, and then using it at the source.

15
00:00:45,980 --> 00:00:51,360
Alternatively, if there is no image available, then we give the user name or the name of the user

16
00:00:51,960 --> 00:00:52,980
user name.

17
00:00:53,340 --> 00:00:54,870
Where is this other data coming from?

18
00:00:55,160 --> 00:01:00,030
You saw that we have already created all these things, a user data and everything based on the log

19
00:01:00,030 --> 00:01:00,690
in and everything.

20
00:01:00,700 --> 00:01:05,910
This this reticence that I accessed and then the user device changed using this dispatch function,

21
00:01:05,910 --> 00:01:07,830
use dispatch and everything from the aqueducts.

22
00:01:09,200 --> 00:01:10,400
This is all the amateurish stuff.

23
00:01:10,880 --> 00:01:18,560
Next thing we are just giving in the name of the user, so you can see here you get the photo and the

24
00:01:18,560 --> 00:01:19,480
name beside it.

25
00:01:21,170 --> 00:01:28,280
You can see if you are using the pesticide debugger, it will give the companies be using these rectangles

26
00:01:28,610 --> 00:01:33,170
after this profile picture, you can see there is no space for the name since I am not a lot like I

27
00:01:33,170 --> 00:01:37,010
have logged in, but my username and anonymous, you can see my username.

28
00:01:37,400 --> 00:01:38,720
Otherwise, you can see yours.

29
00:01:39,350 --> 00:01:41,640
OK, so you can just click on this.

30
00:01:41,660 --> 00:01:43,040
This is basically saying you can.

31
00:01:43,880 --> 00:01:47,750
And wherever you toggle things, you can just download this extension.

32
00:01:49,750 --> 00:01:55,180
These are some extension that you can download to your next day of tools just on your approved.

33
00:01:56,400 --> 00:02:00,030
And I will to say, OK, you can download them and use in your projects.

34
00:02:01,090 --> 00:02:02,110
But debugging purpose.

35
00:02:02,470 --> 00:02:03,090
Now Google.

36
00:02:03,670 --> 00:02:09,250
This is similar to Google logging in home page, if you can see it in Google login, yet having a client

37
00:02:09,580 --> 00:02:11,680
render option rendering some buttons and everything.

38
00:02:12,130 --> 00:02:17,470
Similarly, Jeeves will have the client did that in this render basically the novel that render when

39
00:02:17,470 --> 00:02:22,570
logging that's on click it will end up not on click and it will happen.

40
00:02:23,770 --> 00:02:26,830
Based on what this is, basically the company that's producing from Google.

41
00:02:27,430 --> 00:02:30,550
So this would be the default function that you need to go in and out.

42
00:02:30,550 --> 00:02:34,090
You can refer to the documentation and on law what success we are clicking on.

43
00:02:34,750 --> 00:02:39,590
So when you click on Le Quotidien Dispatch, the user said Sign in files and in the cities editor.

44
00:02:39,610 --> 00:02:39,900
I'm not.

45
00:02:40,150 --> 00:02:41,680
So that will go back to the homepage.

46
00:02:42,940 --> 00:02:44,220
So now this is done.

47
00:02:45,020 --> 00:02:50,350
Now what we are remaining now, the most important thing, like the title, we have to give the justification

48
00:02:50,350 --> 00:02:53,290
to our day-to-day blogs how to render this plot.

49
00:02:53,620 --> 00:02:57,850
And based on that search value, if I'm giving that program, giving sports, we are getting the data

50
00:02:57,850 --> 00:02:59,230
based on that value.

51
00:02:59,230 --> 00:03:06,060
So how we are doing it, basically, we use the genius API often using the Genius API will see the block

52
00:03:06,070 --> 00:03:12,430
component, the styling for it and the final thing like having a quick overview of what we have done.

53
00:03:12,760 --> 00:03:16,180
So the main important part, we will do it for my next reader.

54
00:03:16,510 --> 00:03:17,140
So with this, we do.

55
00:03:17,140 --> 00:03:21,400
We have basically completed the home page, the number and also the all the functions that are required

56
00:03:21,400 --> 00:03:23,320
so that the font to make it function it.

57
00:03:24,500 --> 00:03:25,640
We'll meet you in the next few.