Chneemann/waveform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): add (you) self-indicator badge to UserProfilePopover
All checks were successful
Deploy Waveform to VPS / deploy (push) Successful in 1m17s
Details

Browse source
This commit is contained in:
Chneemann 2026-10-17 04:07:02 +02:00
parent e64e2deb8d
commit eedcda43cd
No known key found for this signature in database
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/ui/UserProfilePopover.tsx
View file

@ -1,6 +1,6 @@
/** /**
* @file components/ui/UserProfilePopover.tsx * @file components/ui/UserProfilePopover.tsx
* @description User profile popover component displaying user details, email, and interactive options to message or add them as a friend. * @description User profile popover component displaying user details, status, self-indicator, and interactive options to message or add as a friend.
*/ */
"use client"; "use client";
@ -100,6 +100,9 @@ export function UserProfilePopover({
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<p className="text-sm font-semibold text-foreground truncate leading-tight"> <p className="text-sm font-semibold text-foreground truncate leading-tight">
{user.username} {user.username}
{isSelf && (
<span className="ml-1 text-xs text-muted font-normal">(you)</span>
)}
</p> </p>
<p className="text-xs text-muted truncate leading-tight font-medium capitalize"> <p className="text-xs text-muted truncate leading-tight font-medium capitalize">
{user.status.toLowerCase()} {user.status.toLowerCase()}