tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 3 Projects Releases 2 Packages Wiki Activity Actions

(fix): connections
Some checks failed
/ build-web (push) Failing after 1m0s
Details
/ build-desktop (linux) (push) Failing after 1m13s
Details
/ build-mobile (push) Failing after 1m13s
Details
/ release (push) Has been skipped
Details

Browse source
This commit is contained in:
Alois 2026-07-28 12:45:08 +02:00
commit 676dea2aa4
Signed by: alois
SSH key fingerprint: SHA256:GBzT2DXvAuGV9XIV5W3WrzVpjU54FThmxHXdbz95J24
7 changed files with 92 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

79
apps/web/src/components/modals/basic.tsx
View file

@ -6,8 +6,8 @@ import {
Tooltip,
TooltipTrigger,
TooltipContent,
Button,
} from "@methanium/ui";
import { Card, CardHeader } from "@methanium/ui";
import { Skeleton } from "@methanium/ui";
import { getStatusColor } from "@tensamin/shared/data";
@ -18,42 +18,49 @@ export function Basic({
user: User;
extra?: React.ReactNode;
}) {
const display = user.Display || user.Username || "Unknown";
const onlineStatus = user.OnlineStatus || "user_borked";
const avatar = user.Avatar
? `data:image/webp;base64,${user.Avatar}`
: undefined;
return (
<Card className="animate-in fade-in duration-300 rounded-xl py-0 h-12.5!">
<CardHeader className="flex flex-row gap-2.5 items-center justify-start p-2">
<div className="relative shrink-0 overflow-visible">
<Avatar>
<AvatarImage src={user.Avatar} />
<AvatarFallback>
{user.Display.slice(0, 2).toUpperCase()}
</AvatarFallback>
</Avatar>
<Tooltip>
<TooltipTrigger
render={
<div className="absolute -bottom-0.5 -right-0.5 z-10 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-card">
<div
style={{
backgroundColor: getStatusColor(user.OnlineStatus),
}}
className="h-2.25 w-2.25 rounded-full"
/>
</div>
}
/>
<TooltipContent>
{user.OnlineStatus.split("_")
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ")}
</TooltipContent>
</Tooltip>
</div>
<div className="flex flex-col gap-1 w-full items-start justify-center text-[15px]">
<p>{user.Display}</p>
</div>
<div className="pr-1">{extra}</div>
</CardHeader>
</Card>
<Button
render={<div />}
variant="outline"
className="animate-in fade-in duration-300 h-auto w-full justify-start gap-2.5 rounded-xl min-h-12.5!"
>
<div className="relative shrink-0 overflow-visible">
<Avatar>
<AvatarImage src={avatar} />
<AvatarFallback>{display.slice(0, 2).toUpperCase()}</AvatarFallback>
</Avatar>
<Tooltip>
<TooltipTrigger
render={
<div className="absolute -bottom-0.5 -right-0.5 z-10 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-card">
<div
style={{
backgroundColor: getStatusColor(onlineStatus),
}}
className="h-2.25 w-2.25 rounded-full"
/>
</div>
}
/>
<TooltipContent>
{onlineStatus
.split("_")
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
.join(" ")}
</TooltipContent>
</Tooltip>
</div>
<div className="flex w-full flex-col items-start justify-center gap-1 text-[15px]">
<p>{display}</p>
</div>
<div className="pr-1">{extra}</div>
</Button>
);
}