diff --git a/plugin-api/beta/client/hocs/index.js b/plugin-api/beta/client/hocs/index.js index 15c8b3544..d6d5a67a0 100644 --- a/plugin-api/beta/client/hocs/index.js +++ b/plugin-api/beta/client/hocs/index.js @@ -8,4 +8,5 @@ export {default as withEmit} from 'coral-framework/hocs/withEmit'; export { withIgnoreUser, withStopIgnoringUser, + withSetCommentStatus, } from 'coral-framework/graphql/mutations'; diff --git a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.css b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.css index 1fc461afb..1138d2ffc 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.css +++ b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.css @@ -15,4 +15,8 @@ .arrow:hover { cursor: pointer; +} + +.icon { + font-size: 16px; } \ No newline at end of file diff --git a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js index d893fae84..cfc11c441 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js +++ b/plugins/talk-plugin-moderation-actions/client/components/ModerationActions.js @@ -31,11 +31,12 @@ export default class Tag extends React.Component { render() { const {tooltip} = this.state; + console.log(this.props); return(
- {tooltip ? : } + {tooltip ? : } {tooltip && ( diff --git a/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.css b/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.css index fb18e3a18..2e7891cf8 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.css +++ b/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.css @@ -4,12 +4,16 @@ .button { composes: buttonReset from "coral-framework/styles/reset.css"; - padding: 3px 6px; - font-size: 12px; + padding: 6px; + font-size: 14px; transition: color 100ms, background 100ms; + border-radius: 3px; &:hover { - background-color: rgba(1, 1, 1, 0.8); - color: white; + background-color: #efefef; } } + +.icon { + margin-right: 15px; +} \ No newline at end of file diff --git a/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.js b/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.js index d15127294..f455a1458 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.js +++ b/plugins/talk-plugin-moderation-actions/client/components/RejectCommentAction.js @@ -6,9 +6,9 @@ import cn from 'classnames'; export default ({rejectComment}) => ( ); diff --git a/plugins/talk-plugin-moderation-actions/client/components/Tooltip.css b/plugins/talk-plugin-moderation-actions/client/components/Tooltip.css index 905dd9f13..bdf877ee5 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/Tooltip.css +++ b/plugins/talk-plugin-moderation-actions/client/components/Tooltip.css @@ -9,7 +9,7 @@ z-index: 10; top: 32px; right: 0px; - width: 160px; + width: 140px; text-align: left; color: #616161; } @@ -39,26 +39,8 @@ display: inline-block; margin: 0; padding: 0; - font-size: 1.02em; - margin-left: 6px; - letter-spacing: 0.2px; + font-size: 1em; vertical-align: middle; margin-bottom: 2px; line-height: 22px; -} - -.icon { - font-size: 1.4em; - vertical-align: middle; -} - -.description { - width: 100%; - box-sizing: border-box; - white-space: pre-wrap; - padding: 0; - margin: 0; - padding-left: 25px; - font-weight: 400; - font-size: 1em; } \ No newline at end of file diff --git a/plugins/talk-plugin-moderation-actions/client/components/Tooltip.js b/plugins/talk-plugin-moderation-actions/client/components/Tooltip.js index 6b7428ce6..95486271d 100644 --- a/plugins/talk-plugin-moderation-actions/client/components/Tooltip.js +++ b/plugins/talk-plugin-moderation-actions/client/components/Tooltip.js @@ -5,5 +5,10 @@ import {t} from 'plugin-api/beta/client/services'; import {Icon} from 'plugin-api/beta/client/components/ui'; export default ({className = '', children}) => ( -
{children}
+
+

+ {t('talk-plugin-moderation-actions.moderation_actions')} +

+ {children} +
); diff --git a/plugins/talk-plugin-moderation-actions/client/containers/ModerationActions.js b/plugins/talk-plugin-moderation-actions/client/containers/ModerationActions.js new file mode 100644 index 000000000..ce5fde186 --- /dev/null +++ b/plugins/talk-plugin-moderation-actions/client/containers/ModerationActions.js @@ -0,0 +1,16 @@ +import React from 'react'; +import {gql, compose} from 'react-apollo'; +import {connect, excludeIf} from 'plugin-api/beta/client/hocs'; +import ModerationActions from '../components/ModerationActions'; +import {can} from 'plugin-api/beta/client/services'; + +const mapStateToProps = ({auth}) => ({ + user: auth.user +}); + +const enhance = compose( + connect(mapStateToProps), + excludeIf((props) => !can(props.user, 'MODERATE_COMMENTS')) +); + +export default enhance(ModerationActions); diff --git a/plugins/talk-plugin-moderation-actions/client/containers/RejectCommentAction.js b/plugins/talk-plugin-moderation-actions/client/containers/RejectCommentAction.js index 9d24a2003..63ff535ef 100644 --- a/plugins/talk-plugin-moderation-actions/client/containers/RejectCommentAction.js +++ b/plugins/talk-plugin-moderation-actions/client/containers/RejectCommentAction.js @@ -1,12 +1,5 @@ import React from 'react'; -import {compose} from 'react-apollo'; -import {withSetCommentStatus} from 'coral-framework/graphql/mutations'; +import {withSetCommentStatus} from 'plugin-api/beta/client/hocs'; import RejectCommentAction from '../components/RejectCommentAction'; -// change this - -const enhance = compose( - withSetCommentStatus -); - -export default enhance(RejectCommentAction); +export default withSetCommentStatus(RejectCommentAction); diff --git a/plugins/talk-plugin-moderation-actions/client/index.js b/plugins/talk-plugin-moderation-actions/client/index.js index 9e7a0716c..3343505f3 100644 --- a/plugins/talk-plugin-moderation-actions/client/index.js +++ b/plugins/talk-plugin-moderation-actions/client/index.js @@ -1,7 +1,5 @@ -// import RejectCommentAction from './containers/RejectCommentAction'; -import ModerationActions from './components/ModerationActions'; +import ModerationActions from './containers/ModerationActions'; import translations from './translations.yml'; -import update from 'immutability-helper'; export default { slots: { diff --git a/plugins/talk-plugin-moderation-actions/client/translations.yml b/plugins/talk-plugin-moderation-actions/client/translations.yml index fea7352ce..dfb5023d4 100644 --- a/plugins/talk-plugin-moderation-actions/client/translations.yml +++ b/plugins/talk-plugin-moderation-actions/client/translations.yml @@ -1,6 +1,8 @@ en: - talk-plugin-reject-comment: - reject_comment: "Reject comment" + talk-plugin-moderation-actions: + reject_comment: "Reject" + moderation_actions: "Moderation Actions" es: - talk-plugin-reject-user: - reject_comment: "Rechazar commentario" \ No newline at end of file + talk-plugin-moderation-actions: + reject_comment: "Rechazar" + moderation_actions: "Acciones de Moderación" \ No newline at end of file