diff --git a/client/coral-admin/src/components/ModerationList.js b/client/coral-admin/src/components/ModerationList.js index fae85e492..e2b536f2c 100644 --- a/client/coral-admin/src/components/ModerationList.js +++ b/client/coral-admin/src/components/ModerationList.js @@ -8,8 +8,8 @@ import SuspendUserModal from './SuspendUserModal'; // Each action has different meaning and configuration const menuOptionsMap = { - 'reject': {status: 'REJECTED', icon: 'close', key: 'r'}, - 'approve': {status: 'ACCEPTED', icon: 'done', key: 't'}, + 'reject': {status: 'REJECTED', icon: 'close', key: 'f'}, + 'approve': {status: 'ACCEPTED', icon: 'done', key: 'd'}, 'flag': {status: 'FLAGGED', icon: 'flag', filter: 'Untouched'}, 'ban': {status: 'BANNED', icon: 'not interested'} }; diff --git a/client/coral-admin/src/routes/Configure/components/StreamSettings.js b/client/coral-admin/src/routes/Configure/components/StreamSettings.js index 2de82ec1f..e8c522ae0 100644 --- a/client/coral-admin/src/routes/Configure/components/StreamSettings.js +++ b/client/coral-admin/src/routes/Configure/components/StreamSettings.js @@ -165,7 +165,7 @@ const StreamSettings = ({updateSettings, settingsError, settings, errors}) => { checked={settings.autoCloseStream} />
- {t('configure.close_after')} +
{t('configure.comment_count_header')}

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})
      - { - actionList.map((action, j) =>
    • {action.user.username} {action.message}
    • ) - } + {actionList.map((action, j) => +
    • + + {action.user.username} + + {action.message} +
    • + )}
  • ); diff --git a/client/coral-admin/src/routes/Moderation/components/Moderation.js b/client/coral-admin/src/routes/Moderation/components/Moderation.js index dd75b62f8..693be075e 100644 --- a/client/coral-admin/src/routes/Moderation/components/Moderation.js +++ b/client/coral-admin/src/routes/Moderation/components/Moderation.js @@ -27,8 +27,8 @@ export default class Moderation extends Component { key('esc', () => toggleModal(false)); key('j', this.select(true)); key('k', this.select(false)); - key('r', this.moderate(false)); - key('t', this.moderate(true)); + key('f', this.moderate(false)); + key('d', this.moderate(true)); } onClose = () => { @@ -86,8 +86,8 @@ export default class Moderation extends Component { key.unbind('esc'); key.unbind('j'); key.unbind('k'); - key.unbind('r'); - key.unbind('t'); + key.unbind('f'); + key.unbind('d'); } componentDidUpdate(_, prevState) { diff --git a/client/coral-admin/src/routes/Moderation/helpers/moderationQueueActionsMap.js b/client/coral-admin/src/routes/Moderation/helpers/moderationQueueActionsMap.js index 32b79a35c..95b0ecb55 100644 --- a/client/coral-admin/src/routes/Moderation/helpers/moderationQueueActionsMap.js +++ b/client/coral-admin/src/routes/Moderation/helpers/moderationQueueActionsMap.js @@ -5,9 +5,9 @@ export const actionsMap = { }; export const menuActionsMap = { - 'REJECT': {status: 'REJECTED', text: 'reject', icon: 'close', key: 'r'}, + 'REJECT': {status: 'REJECTED', text: 'reject', icon: 'close', key: 'f'}, 'REJECTED': {status: 'REJECTED', text: 'rejected', icon: 'close'}, - 'APPROVE': {status: 'ACCEPTED', text: 'approve', icon: 'done', key: 't'}, + 'APPROVE': {status: 'ACCEPTED', text: 'approve', icon: 'done', key: 'd'}, 'FLAGGED': {status: 'FLAGGED', text: 'flag', icon: 'flag', filter: 'Untouched'}, 'BAN': {status: 'BANNED', text: 'ban_user', icon: 'not interested'}, '': {icon: 'done'}