diff --git a/app/soapbox/features/admin/components/report.js b/app/soapbox/features/admin/components/report.js index 80f4ab339..d08059837 100644 --- a/app/soapbox/features/admin/components/report.js +++ b/app/soapbox/features/admin/components/report.js @@ -1,5 +1,6 @@ import React from 'react'; import { connect } from 'react-redux'; +import { Link } from 'react-router-dom'; import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { injectIntl, FormattedMessage, defineMessages } from 'react-intl'; @@ -99,18 +100,22 @@ class Report extends ImmutablePureComponent { const menu = this.makeMenu(); const statuses = report.get('statuses'); const statusCount = statuses.count(); + const acct = report.getIn(['account', 'acct']); + const reporterAcct = report.getIn(['actor', 'acct']); return (
- + + +

@{acct} }} />

@@ -128,7 +133,7 @@ class Report extends ImmutablePureComponent { {report.get('content', '').length > 0 &&
} - — @{report.getIn(['actor', 'acct'])} + @{reporterAcct}
diff --git a/app/styles/components/admin.scss b/app/styles/components/admin.scss index 50bda569f..8943e5555 100644 --- a/app/styles/components/admin.scss +++ b/app/styles/components/admin.scss @@ -132,6 +132,10 @@ &__title { font-weight: bold; + + a { + color: var(--primary-text-color); + } } &__quote { @@ -139,6 +143,11 @@ .byline { font-size: 12px; + + a { + color: var(--primary-text-color); + text-decoration: none; + } } }