replaced eslint:recommended with prettier

plugins/talk-plugin-toxic-comments/client/components/CheckToxicityHook.js

@@ -1,19 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {t} from 'plugin-api/beta/client/services';
+import { t } from 'plugin-api/beta/client/services';
 
 /**
  * CheckToxicityHook adds hooks to the `commentBox`
  * that handles checking a comment for toxicity.
  */
 export default class CheckToxicityHook extends React.Component {
-
   // checked signifies if we already sent a request with the `checkToxicity` set to true.
   checked = false;
 
   componentDidMount() {
-    this.toxicityPreHook = this.props.registerHook('preSubmit', (input) => {
-
+    this.toxicityPreHook = this.props.registerHook('preSubmit', input => {
       // If we haven't check the toxicity yet, make sure to include `checkToxicity=true` in the mutation.
       // Otherwise post comment without checking the toxicity.
       if (!this.checked) {
@@ -22,9 +20,15 @@ export default class CheckToxicityHook extends React.Component {
       }
     });
 
-    this.toxicityPostHook = this.props.registerHook('postSubmit', (result) => {
+    this.toxicityPostHook = this.props.registerHook('postSubmit', result => {
       const actions = result.createComment.actions;
-      if (actions && actions.some(({__typename, reason}) => __typename === 'FlagAction' && reason === 'TOXIC_COMMENT')) {
+      if (
+        actions &&
+        actions.some(
+          ({ __typename, reason }) =>
+            __typename === 'FlagAction' && reason === 'TOXIC_COMMENT'
+        )
+      ) {
         this.props.notify('error', t('talk-plugin-toxic-comments.still_toxic'));
       }
 

plugins/talk-plugin-toxic-comments/client/components/ToxicDetail.js

@@ -1,35 +1,33 @@
 import React from 'react';
-import {CommentDetail} from 'plugin-api/beta/client/components';
-import {isToxic} from '../utils';
+import { CommentDetail } from 'plugin-api/beta/client/components';
+import { isToxic } from '../utils';
 import styles from './ToxicDetail.css';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import {t} from 'plugin-api/beta/client/services';
+import { t } from 'plugin-api/beta/client/services';
 
 const getInfo = (toxicity, actions) => {
   const toxic = isToxic(actions);
   let text = t('talk-plugin-toxic-comments.unlikely');
   if (toxicity > 0.8) {
     text = t('talk-plugin-toxic-comments.highly_likely');
-  }
-  else if (toxicity >= 0.5) {
+  } else if (toxicity >= 0.5) {
     text = t('talk-plugin-toxic-comments.possibly');
-  }
-  else if (toxicity >= 0.7) {
+  } else if (toxicity >= 0.7) {
     text = t('talk-plugin-toxic-comments.likely');
   }
 
   return (
     <div>
       {text}
-      <span className={cn(styles.info, {[styles.toxic]: toxic})}>
+      <span className={cn(styles.info, { [styles.toxic]: toxic })}>
         {Math.round(toxicity * 100)}%
       </span>
     </div>
   );
 };
 
-const ToxicLabel = ({comment: {actions, toxicity}}) => (
+const ToxicLabel = ({ comment: { actions, toxicity } }) => (
   <CommentDetail
     icon={'add_box'}
     header={t('talk-plugin-toxic-comments.toxic_comment')}

plugins/talk-plugin-toxic-comments/client/components/ToxicLabel.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import {FlagLabel} from 'plugin-api/beta/client/components/ui';
+import { FlagLabel } from 'plugin-api/beta/client/components/ui';
 
-const ToxicLabel = () => (
-  <FlagLabel iconName="add_box">Toxic</FlagLabel>
-);
+const ToxicLabel = () => <FlagLabel iconName="add_box">Toxic</FlagLabel>;
 
 export default ToxicLabel;

plugins/talk-plugin-toxic-comments/client/containers/CheckToxicityHook.js

@@ -1,9 +1,8 @@
-import {bindActionCreators} from 'redux';
-import {connect} from 'plugin-api/beta/client/hocs';
-import {notify} from 'plugin-api/beta/client/actions/notification';
+import { bindActionCreators } from 'redux';
+import { connect } from 'plugin-api/beta/client/hocs';
+import { notify } from 'plugin-api/beta/client/actions/notification';
 import CheckToxicityHook from '../components/CheckToxicityHook';
 
-const mapDispatchToProps = (dispatch) =>
-  bindActionCreators({notify}, dispatch);
+const mapDispatchToProps = dispatch => bindActionCreators({ notify }, dispatch);
 
 export default connect(null, mapDispatchToProps)(CheckToxicityHook);

plugins/talk-plugin-toxic-comments/client/containers/ToxicCommentDetail.js

@@ -1,10 +1,13 @@
-import {compose} from 'react-apollo';
-import {excludeIf} from 'plugin-api/beta/client/hocs';
+import { compose } from 'react-apollo';
+import { excludeIf } from 'plugin-api/beta/client/hocs';
 import ToxicDetail from './ToxicDetail';
-import {isToxic} from '../utils';
+import { isToxic } from '../utils';
 
 const enhance = compose(
-  excludeIf(({comment: {toxicity, actions}}) => toxicity === null || isToxic(actions)),
+  excludeIf(
+    ({ comment: { toxicity, actions } }) =>
+      toxicity === null || isToxic(actions)
+  )
 );
 
 export default enhance(ToxicDetail);

plugins/talk-plugin-toxic-comments/client/containers/ToxicCommentFlagDetail.js

@@ -1,10 +1,13 @@
-import {compose} from 'react-apollo';
-import {excludeIf} from 'plugin-api/beta/client/hocs';
+import { compose } from 'react-apollo';
+import { excludeIf } from 'plugin-api/beta/client/hocs';
 import ToxicDetail from './ToxicDetail';
-import {isToxic} from '../utils';
+import { isToxic } from '../utils';
 
 const enhance = compose(
-  excludeIf(({comment: {toxicity, actions}}) => toxicity === null || !isToxic(actions)),
+  excludeIf(
+    ({ comment: { toxicity, actions } }) =>
+      toxicity === null || !isToxic(actions)
+  )
 );
 
 export default enhance(ToxicDetail);

plugins/talk-plugin-toxic-comments/client/containers/ToxicDetail.js

@@ -1,5 +1,5 @@
-import {compose, gql} from 'react-apollo';
-import {withFragments} from 'plugin-api/beta/client/hocs';
+import { compose, gql } from 'react-apollo';
+import { withFragments } from 'plugin-api/beta/client/hocs';
 import ToxicDetail from '../components/ToxicDetail';
 
 const enhance = compose(
@@ -13,8 +13,9 @@ const enhance = compose(
             reason
           }
         }
-      }`,
-  }),
+      }
+    `,
+  })
 );
 
 export default enhance(ToxicDetail);

plugins/talk-plugin-toxic-comments/client/containers/ToxicLabel.js

@@ -1,7 +1,7 @@
-import {compose, gql} from 'react-apollo';
-import {withFragments, excludeIf} from 'plugin-api/beta/client/hocs';
+import { compose, gql } from 'react-apollo';
+import { withFragments, excludeIf } from 'plugin-api/beta/client/hocs';
 import ToxicLabel from '../components/ToxicLabel';
-import {isToxic} from '../utils';
+import { isToxic } from '../utils';
 
 const enhance = compose(
   withFragments({
@@ -13,9 +13,10 @@ const enhance = compose(
             reason
           }
         }
-      }`,
+      }
+    `,
   }),
-  excludeIf(({comment: {actions}}) => !isToxic(actions)),
+  excludeIf(({ comment: { actions } }) => !isToxic(actions))
 );
 
 export default enhance(ToxicLabel);

plugins/talk-plugin-toxic-comments/client/utils.js

@@ -1,4 +1,6 @@
 export function isToxic(actions) {
-  return actions.some((action) => action.__typename === 'FlagAction' && action.reason === 'TOXIC_COMMENT');
+  return actions.some(
+    action =>
+      action.__typename === 'FlagAction' && action.reason === 'TOXIC_COMMENT'
+  );
 }
-