This is the continuation of the previous video in this video really finish off the no component that
is this the remaining part understanding the spark of code for the first thing, I thought about that
and said, we have implemented this component.
We have important this component from the UI code.
So this graph from props bursting the class, we are sending it you that this class will be targeted
in something I would consider using.
This will have a class and a broader some color and everything.
And then source sauce will be what will be the source of the image.
It will be user data dot image you are.
So basically, user data will contain all the details of the user through which he signed it.
And it will have an image.
You are a property.
We are updating that image.
You are it, and then using it at the source.
Alternatively, if there is no image available, then we give the user name or the name of the user
user name.
Where is this other data coming from?
You saw that we have already created all these things, a user data and everything based on the log
in and everything.
This this reticence that I accessed and then the user device changed using this dispatch function,
use dispatch and everything from the aqueducts.
This is all the amateurish stuff.
Next thing we are just giving in the name of the user, so you can see here you get the photo and the
name beside it.
You can see if you are using the pesticide debugger, it will give the companies be using these rectangles
after this profile picture, you can see there is no space for the name since I am not a lot like I
have logged in, but my username and anonymous, you can see my username.
Otherwise, you can see yours.
OK, so you can just click on this.
This is basically saying you can.
And wherever you toggle things, you can just download this extension.
These are some extension that you can download to your next day of tools just on your approved.
And I will to say, OK, you can download them and use in your projects.
But debugging purpose.
Now Google.
This is similar to Google logging in home page, if you can see it in Google login, yet having a client
render option rendering some buttons and everything.
Similarly, Jeeves will have the client did that in this render basically the novel that render when
logging that's on click it will end up not on click and it will happen.
Based on what this is, basically the company that's producing from Google.
So this would be the default function that you need to go in and out.
You can refer to the documentation and on law what success we are clicking on.
So when you click on Le Quotidien Dispatch, the user said Sign in files and in the cities editor.
I'm not.
So that will go back to the homepage.
So now this is done.
Now what we are remaining now, the most important thing, like the title, we have to give the justification
to our day-to-day blogs how to render this plot.
And based on that search value, if I'm giving that program, giving sports, we are getting the data
based on that value.
So how we are doing it, basically, we use the genius API often using the Genius API will see the block
component, the styling for it and the final thing like having a quick overview of what we have done.
So the main important part, we will do it for my next reader.
So with this, we do.
We have basically completed the home page, the number and also the all the functions that are required
so that the font to make it function it.
We'll meet you in the next few.