Show.
Hi everyone.
In this video let's mark a scene message.
So let's show you how we can do as well.
Let's imagine on the foreign perspective when we click into the conversation.
Of one.
It will mark the message will be the same.
And we need to know the user okay.
We need to know the whole user scene a message.
Right.
So for that reason is okay we need to create the message over here.
I will call the Handle.
Handle.
See?
Message.
Okay.
What we need to do.
We need to boost the conversation array.
Right?
For sure.
Okay.
And the second method, let's say the second method or sorry the second argument, we raise the uh.
The message array.
Right.
We need to know what's the message we want to.
Update.
Right.
And the last one will be the user ID.
Okay.
We need to know which user.
Who sent the message.
Okay.
That is right.
So let's write the header message.
Right here.
So to create.
And right here.
Let go on this last server.
Not to.
Say I did not admit.
Same message.
Uh, we always, uh, we can send the object we call with me if we have more than one.
Like that.
I want to wrap it inside the object.
Let's add a user array over here.
Okay.
That will be enough.
And let me show you how.
Practice.
Okay.
For example, in later we also have a stack for the message.
Right.
For Possible right over here with the cell array.
I don't know.
And we haven't seen by right with the array.
Possible like empty array or or the user current possible like one over here.
So.
After we login with the account to.
What we need to do.
I will click into the conversation.
I will call the API to mark.
A message will be seen and we will immediately send back the data right here for the client immediately.
Okay.
So we curse.
We already said, but there is a immediately with the emit event right here.
It means right now in the front end.
We also have a lot of the socket data.
We wait.
The message array and user ID right.
We have a message array and user ID and what we need to do right here.
We just need to somehow found the message inside us array by all the message ID right here okay.
And we need to use the user ID into the array right here.
And that will be enough okay.
you got the idea right?
Firstly, we need to file.
File the.
Let me write spec file.
The name is based on the message I come from the socket.
Okay.
After we file successfully what we need to do, we need to boost the user ID.
So the versus stack.
Okay I opt for that.
Alright.
That's the job of that.
So I hope you very clear right now.
And so I will see you in the next one.
Actually we have a little bit of wrong with the last one.
The reason we call you guys in here is seen by we got the object of.
The user will have a sip by IDs by name and SIP by apply new RL.
Okay.
We need to somehow send exactly the same structure for reference.
And by on exactly the same structure, we can move this inside us a write up the front end.
Okay.
Because this right here will be somehow called intruder instead of the react okay.
And in later when we send the data we need to send something like that.
And At the last insert the front end.
We should put it.
Is that alright?
Let us.
Okay.
That is the general idea for a reason right here.
We need to customize it a little bit, I will say.
Right here probably will be seen by what it is anybody will recall from the user not only score and
right.
And seen by name we may use a dot underscore name.
And one more thing will be seen by avatar.
Well how we can create a single avatar.
URL.
Wow in here in the user this document.
I only want to send the screen.
Okay the URL.
So how we can send us.
Okay.
We remember I have a respond video with this avatar URL over here.
Right.
So for that reason it's very easy.
Right now we just need to convert the user over here into the responded zero.
User with your eco plan though is done.
And this one is a little.
And uh Use a.
Scroll.
To withdraw.
The last one.
And after that we need to boot.
From the URL over here.
So that is.
And actually you can rebuild it entirely.
We will respond you a little for consistency.
And let's try to update the gateway over here.
Right here we need to use the same by okay with the object.
right?
Uh.
Right here.
I will put a smile over here.
Now, let let let let me, uh, console.log.
Ah.
Okay, let's.
That is, uh, right now.
Right now.
We have a message right here with some, uh.
Okay.
Maybe in the the second one.
Have you seen by.
Okay.
Now let me, uh.
Here, here, here.
The second one.
Let me open the second one.
We only have a one.
Okay.
Let me copy the idea.
And click on send message.
And put the idea over here and make sure we change the authentications.
I will send weekly for the core.
Zone one over here.
Send us and copy the access Oh, God.
And God answered Mrs..
Clinton and Jack, the console.log over here.
Now you can say we already got the syllabi with this account.
Okay.
Zero x let me double check.
Zero F over here.
Right.
And this account don't have any avatar.
Right.
And, uh, let's say.
Let's collect inside the message.
These here are already seen by this account.
Zero app.
Okay.
It means we already successfully.
Okay.
And actually, we need to check.
We need to check.
We already got the avatar.
U.r.l or not.
Right?
So.
Right here.
In order to test it, let me say we just need to, uh, we need to upload the image.
Right.
Upload the meta file for the account, but other one does.
Let me go back to the account.
Let me show you.
How this access token.
Go back to the scene by chain authentication.
And these are inside here.
What we need are amazing.
I will command it over here.
And I will, um, I will command two laptop right here.
Okay.
I just need to test.
We already got the scene by avatar or not.
Let's check the terminal.
Ah.
Say.
Okay.
Right here.
Very good.
We already got the scene back.
Okay.
It means this function already work.
Let me undo.
I hope you got the idea.
And, uh, we need to.
Paste the idea over here.
Okay, we can create another file, but, uh, with my.
I'm lazy, so I will do that over here.
Okay, I will update this exactly like that.
And so that is that's for the video.
I will see you in the.