ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 02:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved avatar displays site-wide

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-01 07:10:15 +00:00
parent 1f217e1338
commit 8511c6472c
4 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/frontend/src/components/avatar.tsx
View File

@@ -1,10 +1,22 @@
import type { UserRecord } from "@issue/shared";
import { UserRound } from "lucide-react";
export default function Avatar({ user, size }: { user: UserRecord; size?: number }) {
export default function Avatar({ user, size }: { user?: UserRecord; size?: number }) {
if (user?.avatarURL) {
return (
<img
src={user.avatarURL}
alt="Avatar"
className={`rounded-full object-cover w-${size || 6} h-${size || 6}`}
/>
);
}
return (
<div className={`flex items-center justify-center rounded-full border w-${size || 7} h-${size || 7}`}>
<UserRound size={size ? size * 2 + 2 : 16} />
<div
className={`flex items-center justify-center rounded-full ${user && "border"} w-${size || 6} h-${size || 6}`}
>
{user && <UserRound size={size ? size * 2 + 2 : 14} />}
</div>
);
}