From c94b42cba8f3cea8137f270b12e635fb9a4e46ba Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:37:57 +0200
Subject: [PATCH] feat(frontend): add follow request explanation to remote user
 card

---
 .../components/remote-user-card.tsx           | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/thoughts-frontend/components/remote-user-card.tsx b/thoughts-frontend/components/remote-user-card.tsx
index 4764954..5af2cb3 100644
--- a/thoughts-frontend/components/remote-user-card.tsx
+++ b/thoughts-frontend/components/remote-user-card.tsx
@@ -53,15 +53,22 @@ export function RemoteUserCard({ actor }: RemoteUserCardProps) {
           <p className="text-sm text-muted-foreground truncate">{actor.handle}</p>
         </div>
       </Link>
-      <Button
-        onClick={handleFollow}
-        disabled={loading || followed}
-        variant={followed ? "secondary" : "default"}
-        size="sm"
-      >
-        <UserPlus className="mr-2 h-4 w-4" />
-        {followed ? "Requested" : "Follow"}
-      </Button>
+      <div className="flex flex-col items-end gap-1">
+        <Button
+          onClick={handleFollow}
+          disabled={loading || followed}
+          variant={followed ? "secondary" : "default"}
+          size="sm"
+        >
+          <UserPlus className="mr-2 h-4 w-4" />
+          {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>
   );
 }