From 5cdec0eef780adc51cfc8a92338cd05a6c8e756f Mon Sep 17 00:00:00 2001
From: Renaud Chaput <renchap@gmail.com>
Date: Thu, 27 Jun 2024 11:23:52 +0200
Subject: [PATCH] Add hover cards to grouped notifications

---
 .../notifications_v2/components/avatar_group.tsx       |  6 +++++-
 .../notifications_v2/components/names_list.tsx         | 10 ++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/javascript/mastodon/features/notifications_v2/components/avatar_group.tsx b/app/javascript/mastodon/features/notifications_v2/components/avatar_group.tsx
index e1e25810d3..b5da8914a1 100644
--- a/app/javascript/mastodon/features/notifications_v2/components/avatar_group.tsx
+++ b/app/javascript/mastodon/features/notifications_v2/components/avatar_group.tsx
@@ -10,7 +10,11 @@ const AvatarWrapper: React.FC<{ accountId: string }> = ({ accountId }) => {
   if (!account) return null;
 
   return (
-    <Link to={`/@${account.acct}`} title={`@${account.acct}`}>
+    <Link
+      to={`/@${account.acct}`}
+      title={`@${account.acct}`}
+      data-hover-card-account={account.id}
+    >
       <Avatar account={account} size={28} />
     </Link>
   );
diff --git a/app/javascript/mastodon/features/notifications_v2/components/names_list.tsx b/app/javascript/mastodon/features/notifications_v2/components/names_list.tsx
index fa9fdd631e..afe116845f 100644
--- a/app/javascript/mastodon/features/notifications_v2/components/names_list.tsx
+++ b/app/javascript/mastodon/features/notifications_v2/components/names_list.tsx
@@ -14,10 +14,12 @@ export const NamesList: React.FC<{ accountIds: string[]; total: number }> = ({
   if (!account) return null;
 
   const displayedName = (
-    <Link to={`/@${account.get('acct')}`} title={`@${account.get('acct')}`}>
-      <bdi
-        dangerouslySetInnerHTML={{ __html: account.get('display_name_html') }}
-      />
+    <Link
+      to={`/@${account.acct}`}
+      title={`@${account.acct}`}
+      data-hover-card-account={account.id}
+    >
+      <bdi dangerouslySetInnerHTML={{ __html: account.display_name_html }} />
     </Link>
   );