GKaszewski/thoughts
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): truncate long handles in remote user profile and card
Some checks failed
lint / lint (push) Has been cancelled
Details
test / unit (push) Has been cancelled
Details
test / integration (push) Has been cancelled
Details
lint / lint (pull_request) Failing after 9m8s
Details
test / unit (pull_request) Failing after 10m43s
Details
test / integration (pull_request) Failing after 16m52s
Details

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-14 22:45:06 +02:00
parent df7fcf5096
commit f3df2061e1
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
thoughts-frontend/components/remote-user-card.tsx
View File

@@ -42,9 +42,9 @@ export function RemoteUserCard({ actor }: RemoteUserCardProps) {
className="flex items-center gap-3 hover:opacity-80" className="flex items-center gap-3 hover:opacity-80"
> >
<UserAvatar src={actor.avatarUrl} alt={actor.displayName ?? actor.handle} /> <UserAvatar src={actor.avatarUrl} alt={actor.displayName ?? actor.handle} />
<div> <div className="min-w-0">
<p className="font-medium">{actor.displayName ?? actor.handle}</p> <p className="font-medium truncate">{actor.displayName ?? actor.handle}</p>
<p className="text-sm text-muted-foreground">{actor.handle}</p> <p className="text-sm text-muted-foreground truncate">{actor.handle}</p>
</div> </div>
</Link> </Link>
<Button <Button

6
thoughts-frontend/components/remote-user-profile.tsx
View File

@@ -100,11 +100,11 @@ export function RemoteUserProfile({
)} )}
</div> </div>
<div className="mt-4"> <div className="mt-4 min-w-0">
<h1 className="text-2xl font-bold"> <h1 className="text-2xl font-bold truncate">
{actor.displayName ?? actor.handle} {actor.displayName ?? actor.handle}
</h1> </h1>
<p className="text-sm text-muted-foreground">{actor.handle}</p> <p className="text-sm text-muted-foreground truncate">{actor.handle}</p>
</div> </div>
{actor.bio && ( {actor.bio && (