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

feat(frontend): add follow request explanation to remote user card

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-29 01:37:57 +02:00
parent 1ad6f8ae8f
commit c94b42cba8
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -53,15 +53,22 @@ export function RemoteUserCard({ actor }: RemoteUserCardProps) {
<p className="text-sm text-muted-foreground truncate">{actor.handle}</p> <p className="text-sm text-muted-foreground truncate">{actor.handle}</p>
</div> </div>
</Link> </Link>
<Button <div className="flex flex-col items-end gap-1">
onClick={handleFollow} <Button
disabled={loading || followed} onClick={handleFollow}
variant={followed ? "secondary" : "default"} disabled={loading || followed}
size="sm" variant={followed ? "secondary" : "default"}
> size="sm"
<UserPlus className="mr-2 h-4 w-4" /> >
{followed ? "Requested" : "Follow"} <UserPlus className="mr-2 h-4 w-4" />
</Button> {followed ? "Requested" : "Follow"}
</Button>
{followed && (
<p className="text-xs text-muted-foreground text-right">
They&apos;ll be notified and can accept from their app.
</p>
)}
</div>
</div> </div>
); );
} }