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

Reports: only display accordion when reported posts exist

Browse source
This commit is contained in:
Alex Gleason 2020-12-31 20:50:22 -06:00
parent 2fd3c9441c
commit c0770c77f5
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/soapbox/features/admin/components/report.js
View file

@ -97,6 +97,8 @@ class Report extends ImmutablePureComponent {
const { report } = this.props;
const { accordionExpanded } = this.state;
const menu = this.makeMenu();
const statuses = report.get('statuses');
const statusCount = statuses.count();
return (
<div className='admin-report' key={report.get('id')}>
@ -112,13 +114,15 @@ class Report extends ImmutablePureComponent {
/>
</h4>
<div className='admin-report__statuses'>
<Accordion
headline={`Reported posts (${report.get('statuses').count()})`}
expanded={accordionExpanded}
onToggle={this.handleAccordionToggle}
>
<div>{report.get('statuses').map(status => <StatusContent status={status} />)}</div>
</Accordion>
{statusCount > 0 && (
<Accordion
headline={`Reported posts (${statusCount})`}
expanded={accordionExpanded}
onToggle={this.handleAccordionToggle}
>
<div>{statuses.map(status => <StatusContent status={status} />)}</div>
</Accordion>
)}
</div>
<div className='admin-report__quote'>
<blockquote className='md'>{report.get('content')}</blockquote>