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

Avatar component

Browse Source
This commit is contained in:
Oliver Bryan
2025-12-23 17:07:23 +00:00
parent 193b1dc93b
commit d46b82ffa6
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/components/avatar.tsx Normal file
View File

@@ -0,0 +1,10 @@
import type { UserRecord } from "@issue/shared";
import { UserRound } from "lucide-react";
export default function Avatar({ user, size }: { user: UserRecord; size?: number }) {
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>
);
}

7
packages/frontend/src/components/small-user-display.tsx
View File

@@ -1,13 +1,10 @@
import type { UserRecord } from "@issue/shared"; import type { UserRecord } from "@issue/shared";
import { UserRound } from "lucide-react"; import Avatar from "@/components/avatar";
export default function SmallUserDisplay({ user }: { user: UserRecord }) { export default function SmallUserDisplay({ user }: { user: UserRecord }) {
return ( return (
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
{user.name}{" "} {user.name} <Avatar user={user} />
<div className="flex items-center justify-center rounded-full border w-7 h-7">
<UserRound size={15} />
</div>
</div> </div>
); );
} }