Add user id to ui
This commit is contained in:
		
					parent
					
						
							
								b038e12750
							
						
					
				
			
			
				commit
				
					
						60ee420592
					
				
			
		
					 2 changed files with 9 additions and 0 deletions
				
			
		| 
						 | 
					@ -485,6 +485,9 @@ function Room({ client }) {
 | 
				
			||||||
      {!loading && room && (
 | 
					      {!loading && room && (
 | 
				
			||||||
        <div className={styles.header}>
 | 
					        <div className={styles.header}>
 | 
				
			||||||
          <h3>{room.name}</h3>
 | 
					          <h3>{room.name}</h3>
 | 
				
			||||||
 | 
					          <div className={styles.userNav}>
 | 
				
			||||||
 | 
					            <h5>{client.getUserId()}</h5>
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      )}
 | 
					      )}
 | 
				
			||||||
      {loading && (
 | 
					      {loading && (
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -43,11 +43,17 @@ limitations under the License.
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.header {
 | 
					.header {
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
  display: flex;
 | 
					  display: flex;
 | 
				
			||||||
  justify-content: center;
 | 
					  justify-content: center;
 | 
				
			||||||
  align-items: center;
 | 
					  align-items: center;
 | 
				
			||||||
  height: 64px;
 | 
					  height: 64px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.userNav {
 | 
				
			||||||
 | 
					  position: absolute;
 | 
				
			||||||
 | 
					  right: 0;
 | 
				
			||||||
 | 
					  padding: 0 8px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.joinRoom {
 | 
					.joinRoom {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue