From b80015c97048f39f1bf05fa24403f1f8eaae9d88 Mon Sep 17 00:00:00 2001
From: sulimanbenhalim <soliman.benhalim@gmail.com>
Date: Tue, 27 Oct 2026 01:12:55 +0200
Subject: [PATCH] feat: make stargazers have a hovercard

---
 .../components/commit-stargazers-dialog.tsx   | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/commit-stargazers-dialog.tsx b/resources/js/components/commit-stargazers-dialog.tsx
index 7131e39e0..ca18330b3 100644
--- a/resources/js/components/commit-stargazers-dialog.tsx
+++ b/resources/js/components/commit-stargazers-dialog.tsx
@@ -12,6 +12,7 @@ import {
     DialogTrigger,
 } from '@/components/ui/dialog';
 import { UserAvatar } from '@/components/user-avatar';
+import { UserPreview } from '@/components/user-preview';
 import { exactCountTitle, formatCount } from '@/lib/numbers';
 import { show } from '@/routes/user';
 import type { Commit, CursorPaginated, User } from '@/types';
@@ -85,24 +86,26 @@ export function CommitStargazersDialog({
                 <ul data-test="stargazers" className="-mx-2">
                     {stargazers.map((stargazer) => (
                         <li key={stargazer.id}>
-                            <Link
-                                href={show(stargazer)}
-                                onClick={() => setOpen(false)}
-                                className="flex items-center gap-3 rounded-md px-2 py-2 transition-colors hover:bg-accent"
-                            >
-                                <UserAvatar
-                                    user={stargazer}
-                                    className="size-9"
-                                />
-                                <span className="min-w-0">
-                                    <span className="block truncate text-sm font-medium">
-                                        {stargazer.name}
-                                    </span>
-                                    <span className="block truncate font-mono text-[13px] text-muted-foreground">
-                                        @{stargazer.handle}
+                            <UserPreview user={stargazer} className="block">
+                                <Link
+                                    href={show(stargazer)}
+                                    onClick={() => setOpen(false)}
+                                    className="flex items-center gap-3 rounded-md px-2 py-2 transition-colors hover:bg-accent"
+                                >
+                                    <UserAvatar
+                                        user={stargazer}
+                                        className="size-9"
+                                    />
+                                    <span className="min-w-0">
+                                        <span className="block truncate text-sm font-medium">
+                                            {stargazer.name}
+                                        </span>
+                                        <span className="block truncate font-mono text-[13px] text-muted-foreground">
+                                            @{stargazer.handle}
+                                        </span>
                                     </span>
-                                </span>
-                            </Link>
+                                </Link>
+                            </UserPreview>
                         </li>
                     ))}
                     {loading &&