Showing
1 changed file
with
17 additions
and
0 deletions
web/src/components/room/UserStatus.tsx
0 → 100644
1 | +import React from 'react'; | ||
2 | +import { User } from './types'; | ||
3 | + | ||
4 | +interface UserStatusProps { | ||
5 | + user: User; | ||
6 | +} | ||
7 | + | ||
8 | +export const UserStatus: React.FC<UserStatusProps> = ({ user }) => { | ||
9 | + return ( | ||
10 | + <div className='w-20 h-12 m-4 rounded-lg shadow'> | ||
11 | + <div className={`${user.admin ? 'text-blue-500' : | ||
12 | + user.ready ? 'text-green-500' : 'text-black'} | ||
13 | + text-lg text-center align-middle my-2.5`}> | ||
14 | + {user.username}</div> | ||
15 | + </div> | ||
16 | + ) | ||
17 | +} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment