matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

pl-fe: this might improve a11y but idk tbh

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-06-28 14:19:37 +02:00
parent 1e76e934fb
commit 3fc3836257
8 changed files with 64 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/pl-fe/src/features/admin/components/report.tsx
View File

@ -84,16 +84,16 @@ const Report: React.FC<IReport> = ({ id }) => {
return (
<HStack space={3} className='p-3' key={report.id}>
<HoverAccountWrapper accountId={targetAccount.id} element='span'>
<Link to={`/@${acct}`} title={acct}>
<Link to={`/@${acct}`} title={acct}>
<HoverAccountWrapper accountId={targetAccount.id} element='span'>
<Avatar
src={targetAccount.avatar}
alt={targetAccount.avatar_description}
size={32}
isCat={targetAccount.is_cat}
/>
</Link>
</HoverAccountWrapper>
</HoverAccountWrapper>
</Link>
<Stack space={3} className='overflow-hidden' grow>
<Text tag='h4' weight='bold'>
@ -101,9 +101,11 @@ const Report: React.FC<IReport> = ({ id }) => {
id='admin.reports.report_title'
defaultMessage='Report on {acct}'
values={{ acct: (
<HoverAccountWrapper accountId={targetAccount.id} element='span'>
<Link to={`/@${acct}`} title={acct}>@{acct}</Link>
</HoverAccountWrapper>
<Link to={`/@${acct}`} title={acct}>
<HoverAccountWrapper accountId={targetAccount.id} element='span'>
@{acct}
</HoverAccountWrapper>
</Link>
) }}
/>
</Text>
@ -136,15 +138,15 @@ const Report: React.FC<IReport> = ({ id }) => {
<HStack space={1}>
<Text theme='muted' tag='span'>&mdash;</Text>
<HoverAccountWrapper accountId={account.id} element='span'>
<Link
to={`/@${reporterAcct}`}
title={reporterAcct}
className='text-primary-600 hover:underline dark:text-accent-blue'
>
<Link
to={`/@${reporterAcct}`}
title={reporterAcct}
className='text-primary-600 hover:underline dark:text-accent-blue'
>
<HoverAccountWrapper accountId={account.id} element='span'>
@{reporterAcct}
</Link>
</HoverAccountWrapper>
</HoverAccountWrapper>
</Link>
</HStack>
)}
</Stack>