diff --git a/client/coral-admin/src/routes/Moderation/components/Comment.js b/client/coral-admin/src/routes/Moderation/components/Comment.js index 3d946f9fc..3d3e2803f 100644 --- a/client/coral-admin/src/routes/Moderation/components/Comment.js +++ b/client/coral-admin/src/routes/Moderation/components/Comment.js @@ -217,6 +217,7 @@ class Comment extends React.Component { ? viewUserDetail(comment.user.id)} /> : null} diff --git a/client/coral-admin/src/routes/Moderation/components/FlagBox.css b/client/coral-admin/src/routes/Moderation/components/FlagBox.css index 5b8ea4f91..402a88045 100644 --- a/client/coral-admin/src/routes/Moderation/components/FlagBox.css +++ b/client/coral-admin/src/routes/Moderation/components/FlagBox.css @@ -67,3 +67,17 @@ color: black; } } + +.username { + color: #393B44; + text-decoration: none; + cursor: pointer; + font-weight: 600; + padding: 2px 5px; + border-radius: 2px; + margin-left: -5px; + transition: background-color 200ms ease; +&:hover { + background-color: #E0E0E0; + } +} diff --git a/client/coral-admin/src/routes/Moderation/components/FlagBox.js b/client/coral-admin/src/routes/Moderation/components/FlagBox.js index 7dff51fdb..caa8b3fbc 100644 --- a/client/coral-admin/src/routes/Moderation/components/FlagBox.js +++ b/client/coral-admin/src/routes/Moderation/components/FlagBox.js @@ -33,7 +33,7 @@ class FlagBox extends Component { } render() { - const {actionSummaries, actions} = this.props; + const {actionSummaries, actions, viewUserDetail} = this.props; const {showDetail} = this.state; return ( @@ -59,9 +59,14 @@ class FlagBox extends Component {
  • {this.reasonMap(summary.reason)} ({summary.count})
  • );