New Branch Old Story #32
Conversation
| <div class="Desk"> | ||
| <p className="lt-card lt-hover text-align:left"> | ||
| <ul> | ||
| {office.Users.map((user) => ( |
There was a problem hiding this comment.
This code is creating a list of all the users and a link to join their session. We want to use the interface that you created with Nick's sketches! That means instead of a li you'd have a similar structure to your first commit in #29
There was a problem hiding this comment.
We want an interface which shows the original name and pull up button should have the link to join their session right?
But how do we access the user names, like if I want 1st users name to get displayed how do I do smth similar to user.name[0].
There was a problem hiding this comment.
office.Users is an array of all the users. When we call .map on it, we are transforming each user into a React element so that we can render it. As such, all of the fields in the office.Users in Firebase are available here, such as user.name, and you can consider how to create a React element for a single user inside the map function.
There was a problem hiding this comment.
Understood!
Another question, we have to do smth similar for dashboard as well?
I couldn't see how it looks.
There was a problem hiding this comment.
We should be safe leaving the dashboard as it is for now since you cannot see it anyways.
|
It's 2:03 in the morning here right now 🤣 |
Welcome to the club 🎉. You are on the way to become nocturnal 😂. |
It's too late in the US and Canada. Isn't it?