From d8489ad7e4b7dd0e06ee0b5d324676f75b5133b6 Mon Sep 17 00:00:00 2001
From: sulimanbenhalim <soliman.benhalim@gmail.com>
Date: Tue, 27 Oct 2026 00:39:21 +0200
Subject: [PATCH] feat: make followers you know have a hovercard on profiles

---
 resources/js/components/followers-you-know.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/followers-you-know.tsx b/resources/js/components/followers-you-know.tsx
index 2a110bd7c..31381e1a9 100644
--- a/resources/js/components/followers-you-know.tsx
+++ b/resources/js/components/followers-you-know.tsx
@@ -2,6 +2,7 @@ import { Link } from '@inertiajs/react';
 import { Fragment } from 'react';
 import UserFollowersYouKnowController from '@/actions/App/Http/Controllers/UserFollowersYouKnowController';
 import { UserAvatar } from '@/components/user-avatar';
+import { UserPreview } from '@/components/user-preview';
 import { show } from '@/routes/user';
 import type { User } from '@/types';
 
@@ -57,12 +58,14 @@ export function FollowersYouKnow({
                 {named.map((person, index) => (
                     <Fragment key={person.id}>
                         {index > 0 && (others > 0 ? ', ' : ' and ')}
-                        <Link
-                            href={show(person)}
-                            className="font-mono text-[13px] font-medium wrap-anywhere text-foreground hover:underline"
-                        >
-                            @{person.handle}
-                        </Link>
+                        <UserPreview user={person}>
+                            <Link
+                                href={show(person)}
+                                className="font-mono text-[13px] font-medium wrap-anywhere text-foreground hover:underline"
+                            >
+                                @{person.handle}
+                            </Link>
+                        </UserPreview>
                     </Fragment>
                 ))}
                 {others > 0 && (