bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Report: show profile hover card

Browse source
This commit is contained in:
Alex Gleason 2022-04-28 21:55:02 -05:00
parent ec9e478bbe
commit cf26e4f2a2
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/soapbox/features/admin/components/report.tsx
View file

@ -6,6 +6,7 @@ import { closeReports } from 'soapbox/actions/admin';
import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation'; import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
import snackbar from 'soapbox/actions/snackbar'; import snackbar from 'soapbox/actions/snackbar';
import Avatar from 'soapbox/components/avatar'; import Avatar from 'soapbox/components/avatar';
import HoverRefWrapper from 'soapbox/components/hover_ref_wrapper';
import { Button, HStack } from 'soapbox/components/ui'; import { Button, HStack } from 'soapbox/components/ui';
import DropdownMenu from 'soapbox/containers/dropdown_menu_container'; import DropdownMenu from 'soapbox/containers/dropdown_menu_container';
import Accordion from 'soapbox/features/ui/components/accordion'; import Accordion from 'soapbox/features/ui/components/accordion';
@ -74,16 +75,22 @@ const Report: React.FC<IReport> = ({ report }) => {
return ( return (
<div className='admin-report' key={report.get('id')}> <div className='admin-report' key={report.get('id')}>
<div className='admin-report__avatar'> <div className='admin-report__avatar'>
<Link to={`/@${acct}`} title={acct}> <HoverRefWrapper accountId={report.getIn(['account', 'id']) as string} inline>
<Avatar account={report.get('account')} size={32} /> <Link to={`/@${acct}`} title={acct}>
</Link> <Avatar account={report.get('account')} size={32} />
</Link>
</HoverRefWrapper>
</div> </div>
<div className='admin-report__content'> <div className='admin-report__content'>
<h4 className='admin-report__title'> <h4 className='admin-report__title'>
<FormattedMessage <FormattedMessage
id='admin.reports.report_title' id='admin.reports.report_title'
defaultMessage='Report on {acct}' defaultMessage='Report on {acct}'
values={{ acct: <Link to={`/@${acct}`} title={acct}>@{acct}</Link> }} values={{ acct: (
<HoverRefWrapper accountId={report.getIn(['account', 'id']) as string} inline>
<Link to={`/@${acct}`} title={acct}>@{acct}</Link>
</HoverRefWrapper>
) }}
/> />
</h4> </h4>
<div className='admin-report__statuses'> <div className='admin-report__statuses'>
@ -101,7 +108,12 @@ const Report: React.FC<IReport> = ({ report }) => {
{report.get('content', '').length > 0 && ( {report.get('content', '').length > 0 && (
<blockquote className='md' dangerouslySetInnerHTML={{ __html: report.get('content') }} /> <blockquote className='md' dangerouslySetInnerHTML={{ __html: report.get('content') }} />
)} )}
<span className='byline'>&mdash; <Link to={`/@${reporterAcct}`} title={reporterAcct}>@{reporterAcct}</Link></span> <span className='byline'>
&mdash;
<HoverRefWrapper accountId={report.getIn(['actor', 'id']) as string} inline>
<Link to={`/@${reporterAcct}`} title={reporterAcct}>@{reporterAcct}</Link>
</HoverRefWrapper>
</span>
</div> </div>
</div> </div>
<HStack space={2} alignItems='start'> <HStack space={2} alignItems='start'>