open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use Avatar in leaderboard

Browse Source 
Removes the extra ring
This commit is contained in:
Austin Chen 2022-02-05 22:13:13 -08:00
parent 4c3119c9ec
commit 0223ecdac2
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/leaderboard.tsx
View File

@ -1,5 +1,6 @@
import clsx from 'clsx' import clsx from 'clsx'
import { User } from '../../common/user' import { User } from '../../common/user'
import { Avatar } from './avatar'
import { Row } from './layout/row' import { Row } from './layout/row'
import { SiteLink } from './site-link' import { SiteLink } from './site-link'
import { Title } from './title' import { Title } from './title'
@ -38,13 +39,7 @@ export function Leaderboard(props: {
<td> <td>
<SiteLink className="relative" href={`/${user.username}`}> <SiteLink className="relative" href={`/${user.username}`}>
<Row className="items-center gap-4"> <Row className="items-center gap-4">
<img <Avatar avatarUrl={user.avatarUrl} size={8} />
className="rounded-full bg-gray-400 flex-shrink-0 ring-8 ring-gray-50"
src={user.avatarUrl || ''}
alt=""
width={32}
height={32}
/>
<div className="truncate">{user.name}</div> <div className="truncate">{user.name}</div>
</Row> </Row>
</SiteLink> </SiteLink>