erik/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2024-08-20 21:08:15 -07:00
Code Issues Projects Releases Wiki Activity

Add links and hover cards for reports

Browse source
This commit is contained in:
Claire 2024-08-02 15:20:17 +02:00
parent 2a704add90
commit 42bd81bd0c
1 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/mastodon/features/notifications_v2/components/notification_admin_report.tsx
View file

@ -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,