diff --git a/client/coral-admin/src/components/Comment.js b/client/coral-admin/src/components/Comment.js index 68db89565..dc350e815 100644 --- a/client/coral-admin/src/components/Comment.js +++ b/client/coral-admin/src/components/Comment.js @@ -14,7 +14,7 @@ import {FabButton, Button} from 'coral-ui'; const linkify = new Linkify(); // Render a single comment for the list -export default props => { +const Comment = props => { const {comment, author} = props; let authorStatus = author.status; const links = linkify.getMatches(comment.body); @@ -87,6 +87,8 @@ const getActionButton = (action, i, props) => { ); }; +export default Comment; + const linkStyles = { backgroundColor: 'rgb(255, 219, 135)', padding: '1px 2px' diff --git a/client/coral-admin/src/components/ModerationList.css b/client/coral-admin/src/components/ModerationList.css index fddee7553..3f695095f 100644 --- a/client/coral-admin/src/components/ModerationList.css +++ b/client/coral-admin/src/components/ModerationList.css @@ -49,6 +49,7 @@ justify-content: space-between; .author { + min-width: 230px; display: flex; align-items: center; } @@ -97,6 +98,12 @@ padding-top: 15px; padding-left: 10px; } + + .flagCount{ + font-size: 12px; + color: #d32f2f; + } + } .empty { diff --git a/client/coral-admin/src/components/ModerationList.js b/client/coral-admin/src/components/ModerationList.js index 99d48e135..dc576717c 100644 --- a/client/coral-admin/src/components/ModerationList.js +++ b/client/coral-admin/src/components/ModerationList.js @@ -2,7 +2,8 @@ import React, {PropTypes} from 'react'; import styles from './ModerationList.css'; import key from 'keymaster'; import Hammer from 'hammerjs'; -import Comment from 'components/Comment'; +import Comment from './Comment'; +import UserAction from './UserAction'; // Each action has different meaning and configuration const actionsMap = { @@ -167,7 +168,19 @@ export default class ModerationList extends React.Component { } else { // If the item is an action... - modItem =