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