From 42bd81bd0c2a5c4b606f6e245174abdea2c7f3b7 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Fri, 2 Aug 2024 15:20:17 +0200
Subject: [PATCH] Add links and hover cards for reports

---
 .../components/notification_admin_report.tsx  | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/app/javascript/mastodon/features/notifications_v2/components/notification_admin_report.tsx b/app/javascript/mastodon/features/notifications_v2/components/notification_admin_report.tsx
index fda5798ae98..5dd1cdfef8e 100644
--- a/app/javascript/mastodon/features/notifications_v2/components/notification_admin_report.tsx
+++ b/app/javascript/mastodon/features/notifications_v2/components/notification_admin_report.tsx
@@ -1,6 +1,7 @@
 import { FormattedMessage, useIntl, defineMessages } from 'react-intl';
 
 import classNames from 'classnames';
+import { Link } from 'react-router-dom';
 
 import FlagIcon from '@/material-icons/400-24px/flag-fill.svg?react';
 import { Icon } from 'mastodon/components/icon';
@@ -44,16 +45,26 @@ export const NotificationAdminReport: React.FC<{
 
   const values = {
     name: (
-      <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>
     ),
     target: (
-      <bdi
-        dangerouslySetInnerHTML={{
-          __html: targetAccount.get('display_name_html'),
-        }}
-      />
+      <Link
+        to={`/@${targetAccount.acct}`}
+        title={`@${targetAccount.acct}`}
+        data-hover-card-account={targetAccount.id}
+      >
+        <bdi
+          dangerouslySetInnerHTML={{
+            __html: targetAccount.display_name_html,
+          }}
+        />
+      </Link>
     ),
     category: intl.formatMessage(messages[report.category]),
     count: report.status_ids.length,