diff --git a/app/soapbox/features/admin/components/report.js b/app/soapbox/features/admin/components/report.js index 36347e0d0..2f6111795 100644 --- a/app/soapbox/features/admin/components/report.js +++ b/app/soapbox/features/admin/components/report.js @@ -5,7 +5,9 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import { injectIntl, FormattedMessage, defineMessages } from 'react-intl'; import Avatar from 'soapbox/components/avatar'; import Button from 'soapbox/components/button'; +import StatusContent from 'soapbox/components/status_content'; import DropdownMenu from 'soapbox/containers/dropdown_menu_container'; +import Accordion from 'soapbox/features/ui/components/accordion'; import { closeReports, deactivateUsers, deleteUsers } from 'soapbox/actions/admin'; import snackbar from 'soapbox/actions/snackbar'; import { openModal } from 'soapbox/actions/modal'; @@ -30,6 +32,10 @@ class Report extends ImmutablePureComponent { report: ImmutablePropTypes.map.isRequired, }; + state = { + accordionExpanded: false, + }; + makeMenu = () => { const { intl, report } = this.props; @@ -83,8 +89,13 @@ class Report extends ImmutablePureComponent { })); } + handleAccordionToggle = setting => { + this.setState({ accordionExpanded: setting }); + } + render() { const { report } = this.props; + const { accordionExpanded } = this.state; const menu = this.makeMenu(); return ( @@ -100,7 +111,16 @@ class Report extends ImmutablePureComponent { values={{ acct: `@${report.getIn(['account', 'acct'])}` }} /> -
{report.get('content')}— @{report.getIn(['actor', 'acct'])}