From 521082eb3eef8725c74d84e684e6b3d1de216a6b Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Fri, 28 Apr 2017 11:39:37 -0600
Subject: [PATCH 01/33] add new query for counts

---
 .../src/graphql/fragments/counts.graphql      | 22 +++++++++++++++++++
 .../graphql/queries/getQueueCounts.graphql    |  5 +++++
 .../coral-admin/src/graphql/queries/index.js  | 12 ++++++++++
 .../src/graphql/queries/modQueueQuery.graphql | 22 ++-----------------
 4 files changed, 41 insertions(+), 20 deletions(-)
 create mode 100644 client/coral-admin/src/graphql/fragments/counts.graphql
 create mode 100644 client/coral-admin/src/graphql/queries/getQueueCounts.graphql

diff --git a/client/coral-admin/src/graphql/fragments/counts.graphql b/client/coral-admin/src/graphql/fragments/counts.graphql
new file mode 100644
index 000000000..eb00be4da
--- /dev/null
+++ b/client/coral-admin/src/graphql/fragments/counts.graphql
@@ -0,0 +1,22 @@
+fragment counts on RootQuery {
+  allCount: commentCount(query: {
+    asset_id: $asset_id
+  })
+  acceptedCount: commentCount(query: {
+    statuses: [ACCEPTED],
+    asset_id: $asset_id
+  })
+  premodCount: commentCount(query: {
+    statuses: [PREMOD],
+    asset_id: $asset_id
+  })
+  rejectedCount: commentCount(query: {
+     statuses: [REJECTED],
+     asset_id: $asset_id
+  })
+  flaggedCount: commentCount(query: {
+    action_type: FLAG,
+    asset_id: $asset_id,
+    statuses: [NONE, PREMOD]
+  })
+}
diff --git a/client/coral-admin/src/graphql/queries/getQueueCounts.graphql b/client/coral-admin/src/graphql/queries/getQueueCounts.graphql
new file mode 100644
index 000000000..a527c2538
--- /dev/null
+++ b/client/coral-admin/src/graphql/queries/getQueueCounts.graphql
@@ -0,0 +1,5 @@
+#import "../fragments/counts.graphql"
+
+query Counts ($asset_id: ID) {
+  ...counts
+}
diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index 53113558b..09da07bc0 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -4,6 +4,7 @@ import MOD_QUEUE_QUERY from './modQueueQuery.graphql';
 import MOD_QUEUE_LOAD_MORE from './loadMore.graphql';
 import MOD_USER_FLAGGED_QUERY from './modUserFlaggedQuery.graphql';
 import METRICS from './metricsQuery.graphql';
+import GET_QUEUE_COUNTS from './getQueueCounts.graphql';
 
 export const modQueueQuery = graphql(MOD_QUEUE_QUERY, {
   options: ({params: {id = null}}) => {
@@ -90,3 +91,14 @@ export const modQueueResort = (id, fetchMore) => (sort) => {
     updateQuery: (oldData, {fetchMoreResult:{data}}) => data
   });
 };
+
+export const getQueueCounts = graphql(GET_QUEUE_COUNTS, {
+  options: ({params: {id = null}}) => {
+    return {
+      pollInterval: 5000,
+      variables: {
+        asset_id: id
+      }
+    };
+  }
+});
diff --git a/client/coral-admin/src/graphql/queries/modQueueQuery.graphql b/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
index 80dec5ff7..9250ba793 100644
--- a/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
+++ b/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
@@ -1,4 +1,5 @@
 #import "../fragments/commentView.graphql"
+#import "../fragments/counts.graphql"
 
 query ModQueue ($asset_id: ID, $sort: SORT_ORDER) {
     all: comments(query: {
@@ -42,24 +43,5 @@ query ModQueue ($asset_id: ID, $sort: SORT_ORDER) {
       title
       url
     }
-    allCount: commentCount(query: {
-      asset_id: $asset_id
-    })
-    acceptedCount: commentCount(query: {
-      statuses: [ACCEPTED],
-      asset_id: $asset_id
-    })
-    premodCount: commentCount(query: {
-      statuses: [PREMOD],
-      asset_id: $asset_id
-    })
-    rejectedCount: commentCount(query: {
-       statuses: [REJECTED],
-       asset_id: $asset_id
-    })
-    flaggedCount: commentCount(query: {
-      action_type: FLAG,
-      asset_id: $asset_id,
-      statuses: [NONE, PREMOD]
-    })
+    ...counts
 }

From 41d4bd10126653e17757c80d9d3ed95dcd7f5114 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Fri, 28 Apr 2017 11:52:07 -0600
Subject: [PATCH 02/33] counts update

---
 .../src/containers/ModerationQueue/ModerationContainer.js      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js b/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
index eb59f369e..7a3aab909 100644
--- a/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
+++ b/client/coral-admin/src/containers/ModerationQueue/ModerationContainer.js
@@ -5,7 +5,7 @@ import key from 'keymaster';
 import isEqual from 'lodash/isEqual';
 import styles from './components/styles.css';
 
-import {modQueueQuery} from '../../graphql/queries';
+import {modQueueQuery, getQueueCounts} from '../../graphql/queries';
 import {banUser, setCommentStatus} from '../../graphql/mutations';
 
 import {fetchSettings} from 'actions/settings';
@@ -220,6 +220,7 @@ const mapDispatchToProps = dispatch => ({
 export default compose(
   connect(mapStateToProps, mapDispatchToProps),
   setCommentStatus,
+  getQueueCounts,
   modQueueQuery,
   banUser
 )(ModerationContainer);

From ef40174be9f32aa54ef0aa432f63f763edbb0571 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 10:55:50 -0300
Subject: [PATCH 03/33] Adding Coral-Plugin-Like

---
 plugins/coral-plugin-like/client/.babelrc     |  14 ++
 .../coral-plugin-like/client/.eslintrc.json   |  23 +++
 .../client/components/Icon.js                 |   6 +
 .../client/components/LikeButton.js           |  69 ++++++++
 .../client/components/style.css               |  30 ++++
 .../client/containers/LikeButton.js           | 163 ++++++++++++++++++
 plugins/coral-plugin-like/client/index.js     |   7 +
 .../client/translations.json                  |  10 ++
 plugins/coral-plugin-like/index.js            |  36 ++++
 .../coral-plugin-like/server/typeDefs.graphql |  54 ++++++
 10 files changed, 412 insertions(+)
 create mode 100644 plugins/coral-plugin-like/client/.babelrc
 create mode 100644 plugins/coral-plugin-like/client/.eslintrc.json
 create mode 100644 plugins/coral-plugin-like/client/components/Icon.js
 create mode 100644 plugins/coral-plugin-like/client/components/LikeButton.js
 create mode 100644 plugins/coral-plugin-like/client/components/style.css
 create mode 100644 plugins/coral-plugin-like/client/containers/LikeButton.js
 create mode 100644 plugins/coral-plugin-like/client/index.js
 create mode 100644 plugins/coral-plugin-like/client/translations.json
 create mode 100644 plugins/coral-plugin-like/index.js
 create mode 100644 plugins/coral-plugin-like/server/typeDefs.graphql

diff --git a/plugins/coral-plugin-like/client/.babelrc b/plugins/coral-plugin-like/client/.babelrc
new file mode 100644
index 000000000..60be246eb
--- /dev/null
+++ b/plugins/coral-plugin-like/client/.babelrc
@@ -0,0 +1,14 @@
+{
+  "presets": [
+    "es2015"
+  ],
+  "plugins": [
+    "add-module-exports",
+    "transform-class-properties",
+    "transform-decorators-legacy",
+    "transform-object-assign",
+    "transform-object-rest-spread",
+    "transform-async-to-generator",
+    "transform-react-jsx"
+  ]
+}
\ No newline at end of file
diff --git a/plugins/coral-plugin-like/client/.eslintrc.json b/plugins/coral-plugin-like/client/.eslintrc.json
new file mode 100644
index 000000000..9fe56bd14
--- /dev/null
+++ b/plugins/coral-plugin-like/client/.eslintrc.json
@@ -0,0 +1,23 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true
+  },
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
+    }
+  },
+  "parser": "babel-eslint",
+  "plugins": [
+    "react"
+  ],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "no-console": ["warn", { "allow": ["warn", "error"] }]
+  }
+}
diff --git a/plugins/coral-plugin-like/client/components/Icon.js b/plugins/coral-plugin-like/client/components/Icon.js
new file mode 100644
index 000000000..c24841e97
--- /dev/null
+++ b/plugins/coral-plugin-like/client/components/Icon.js
@@ -0,0 +1,6 @@
+import React from 'react';
+import cn from 'classnames';
+
+export default ({className}) => (
+  <i className={cn('fa', 'fa-handshake-o', className)} aria-hidden="true"/>
+);
diff --git a/plugins/coral-plugin-like/client/components/LikeButton.js b/plugins/coral-plugin-like/client/components/LikeButton.js
new file mode 100644
index 000000000..faeda1991
--- /dev/null
+++ b/plugins/coral-plugin-like/client/components/LikeButton.js
@@ -0,0 +1,69 @@
+import React, {Component} from 'react';
+import styles from './style.css';
+import Icon from './Icon';
+
+import {I18n} from 'coral-framework';
+import cn from 'classnames';
+import translations from '../translations.json';
+import {getMyActionSummary, getTotalActionCount} from 'coral-framework/utils';
+
+const lang = new I18n(translations);
+
+class RespectButton extends Component {
+
+  handleClick = () => {
+    const {postRespect, showSignInDialog, deleteAction} = this.props;
+    const {root: {me}, comment} = this.props;
+
+    const myRespectActionSummary = getMyActionSummary('RespectActionSummary', comment);
+
+    // If the current user does not exist, trigger sign in dialog.
+    if (!me) {
+      showSignInDialog();
+      return;
+    }
+
+    // If the current user is banned, do nothing.
+    if (me.status === 'BANNED') {
+      return;
+    }
+
+    if (myRespectActionSummary) {
+      deleteAction(myRespectActionSummary.current_user.id, comment.id);
+    } else {
+      postRespect({
+        item_id: comment.id,
+        item_type: 'COMMENTS'
+      });
+    }
+  }
+
+  render() {
+    const {comment} = this.props;
+
+    if (!comment) {
+      return null;
+    }
+
+    const myRespect = getMyActionSummary('RespectActionSummary', comment);
+    let count = getTotalActionCount('RespectActionSummary', comment);
+
+    return (
+      <div className={styles.respect}>
+        <button
+          className={cn(styles.button, {[styles.respected]: myRespect})}
+          onClick={this.handleClick} >
+          <span>{lang.t(myRespect ? 'respected' : 'respect')}</span>
+          <Icon className={cn(styles.icon, {[styles.respected]: myRespect})} />
+          {count > 0 && count}
+        </button>
+      </div>
+    );
+  }
+}
+
+RespectButton.propTypes = {
+  data: React.PropTypes.object.isRequired
+};
+
+export default RespectButton;
diff --git a/plugins/coral-plugin-like/client/components/style.css b/plugins/coral-plugin-like/client/components/style.css
new file mode 100644
index 000000000..32f9a8959
--- /dev/null
+++ b/plugins/coral-plugin-like/client/components/style.css
@@ -0,0 +1,30 @@
+.respect {
+  display: inline-block;
+ }
+
+.button {
+  color: #2a2a2a;
+  margin: 5px 10px 5px 0px;
+  background: none;
+  padding: 0px;
+  border: none;
+  font-size: inherit;
+
+  &:hover {
+    color: #767676;
+    cursor: pointer;
+  }
+
+  &.respected {
+    color: #c98211;
+
+    &:hover {
+      color: #e59614;
+      cursor: pointer;
+    }
+  }
+}
+
+.icon {
+  padding: 0 5px;
+}
diff --git a/plugins/coral-plugin-like/client/containers/LikeButton.js b/plugins/coral-plugin-like/client/containers/LikeButton.js
new file mode 100644
index 000000000..ccd33182b
--- /dev/null
+++ b/plugins/coral-plugin-like/client/containers/LikeButton.js
@@ -0,0 +1,163 @@
+import {compose, gql, graphql} from 'react-apollo';
+import {connect} from 'react-redux';
+import {bindActionCreators} from 'redux';
+import get from 'lodash/get';
+import withFragments from 'coral-framework/hocs/withFragments';
+import {showSignInDialog} from 'coral-framework/actions/auth';
+import RespectButton from '../components/LikeButton';
+
+const isRespectAction = (a) => a.__typename === 'RespectActionSummary';
+
+const COMMENT_FRAGMENT = gql`
+  fragment RespectButton_updateFragment on Comment {
+    action_summaries {
+      ... on RespectActionSummary {
+        count
+        current_user {
+          id
+        }
+      }
+    }
+  }
+`;
+
+const withDeleteAction = graphql(gql`
+  mutation deleteAction($id: ID!) {
+      deleteAction(id:$id) {
+        errors {
+          translation_key
+        }
+      }
+  }
+`, {
+  props: ({mutate}) => ({
+    deleteAction: (id, commentId) => {
+      return mutate({
+        variables: {id},
+        optimisticResponse: {
+          deleteAction: {
+            __typename: 'DeleteActionResponse',
+            errors: null,
+          }
+        },
+        update: (proxy) => {
+          const fragmentId = `Comment_${commentId}`;
+
+          // Read the data from our cache for this query.
+          const data = proxy.readFragment({fragment: COMMENT_FRAGMENT, id: fragmentId});
+
+          // Check whether we respected this comment.
+          const idx = data.action_summaries.findIndex(isRespectAction);
+          if (idx < 0 || get(data.action_summaries[idx], 'current_user.id') !== id) {
+            return;
+          }
+
+          data.action_summaries[idx] = {
+            ...data.action_summaries[idx],
+            count: data.action_summaries[idx].count - 1,
+            current_user: null,
+          };
+
+          // Write our data back to the cache.
+          proxy.writeFragment({fragment: COMMENT_FRAGMENT, id: fragmentId, data});
+        },
+      });
+    },
+  }),
+});
+
+const withPostRespect = graphql(gql`
+  mutation createRespect($respect: CreateRespectInput!) {
+    createRespect(respect: $respect) {
+      respect {
+        id
+      }
+      errors {
+        translation_key
+      }
+    }
+  }
+`, {
+  props: ({mutate}) => ({
+    postRespect: (respect) => {
+      return mutate({
+        variables: {respect},
+        optimisticResponse: {
+          createRespect: {
+            __typename: 'CreateRespectResponse',
+            errors: null,
+            respect: {
+              __typename: 'RespectAction',
+              id: 'pending',
+            },
+          }
+        },
+        update: (proxy, mutationResult) => {
+          const fragmentId = `Comment_${respect.item_id}`;
+
+          // Read the data from our cache for this query.
+          const data = proxy.readFragment({fragment: COMMENT_FRAGMENT, id: fragmentId});
+
+          // Add our comment from the mutation to the end.
+          let idx = data.action_summaries.findIndex(isRespectAction);
+
+          // Check whether we already respected this comment.
+          if (idx >= 0 && data.action_summaries[idx].current_user) {
+            return;
+          }
+
+          if (idx < 0) {
+
+            // Add initial action when it doesn't exist.
+            data.action_summaries.push({
+              __typename: 'RespectActionSummary',
+              count: 0,
+              current_user: null,
+            });
+            idx = data.action_summaries.length - 1;
+          }
+
+          data.action_summaries[idx] = {
+            ...data.action_summaries[idx],
+            count: data.action_summaries[idx].count + 1,
+            current_user: mutationResult.data.createRespect.respect,
+          };
+
+          // Write our data back to the cache.
+          proxy.writeFragment({fragment: COMMENT_FRAGMENT, id: fragmentId, data});
+        },
+      });
+    },
+  }),
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators({showSignInDialog}, dispatch);
+
+const enhance = compose(
+  withFragments({
+    root: gql`
+      fragment RespectButton_root on RootQuery {
+        me {
+          status
+        }
+      }
+    `,
+    comment: gql`
+      fragment RespectButton_comment on Comment {
+        action_summaries {
+          ... on RespectActionSummary {
+            count
+            current_user {
+              id
+            }
+          }
+        }
+      }`,
+  }),
+  connect(null, mapDispatchToProps),
+  withDeleteAction,
+  withPostRespect,
+);
+
+export default enhance(RespectButton);
diff --git a/plugins/coral-plugin-like/client/index.js b/plugins/coral-plugin-like/client/index.js
new file mode 100644
index 000000000..e80b03c17
--- /dev/null
+++ b/plugins/coral-plugin-like/client/index.js
@@ -0,0 +1,7 @@
+import LikeButton from './containers/LikeButton';
+
+export default {
+  slots: {
+    commentDetail: [LikeButton],
+  }
+};
diff --git a/plugins/coral-plugin-like/client/translations.json b/plugins/coral-plugin-like/client/translations.json
new file mode 100644
index 000000000..643f32ccf
--- /dev/null
+++ b/plugins/coral-plugin-like/client/translations.json
@@ -0,0 +1,10 @@
+{
+  "en": {
+    "respect": "Respect",
+    "respected": "Respected"
+  },
+  "es": {
+    "respect": "Respeto",
+    "respected": "Respetado"
+  }
+}
diff --git a/plugins/coral-plugin-like/index.js b/plugins/coral-plugin-like/index.js
new file mode 100644
index 000000000..5182cd258
--- /dev/null
+++ b/plugins/coral-plugin-like/index.js
@@ -0,0 +1,36 @@
+const {readFileSync} = require('fs');
+const path = require('path');
+const wrapResponse = require('../../graph/helpers/response');
+
+module.exports = {
+  typeDefs: readFileSync(path.join(__dirname, 'server/typeDefs.graphql'), 'utf8'),
+  resolvers: {
+    RootMutation: {
+      createRespect(_, {like: {item_id, item_type}}, {mutators: {Action}}) {
+        return wrapResponse('like')(Action.create({item_id, item_type, action_type: 'LIKE'}));
+      }
+    }
+  },
+  hooks: {
+    Action: {
+      __resolveType: {
+        post({action_type}) {
+          switch (action_type) {
+          case 'LIKE':
+            return 'LikeAction';
+          }
+        }
+      }
+    },
+    ActionSummary: {
+      __resolveType: {
+        post({action_type}) {
+          switch (action_type) {
+          case 'LIKE':
+            return 'LikeActionSummary';
+          }
+        }
+      }
+    }
+  }
+};
diff --git a/plugins/coral-plugin-like/server/typeDefs.graphql b/plugins/coral-plugin-like/server/typeDefs.graphql
new file mode 100644
index 000000000..1f94caf07
--- /dev/null
+++ b/plugins/coral-plugin-like/server/typeDefs.graphql
@@ -0,0 +1,54 @@
+enum ACTION_TYPE {
+
+  # Represents a Like.
+  LIKE
+}
+
+input CreateLikeInput {
+
+  # The item's id for which we are to create a like.
+  item_id: ID!
+
+  # The type of the item for which we are to create the like.
+  item_type: ACTION_ITEM_TYPE!
+}
+
+# LikeAction is used by users who "like" a specific entity.
+type LikeAction implements Action {
+
+  # The ID of the action.
+  id: ID!
+
+  # The author of the action.
+  user: User
+
+  # The time when the Action was updated.
+  updated_at: Date
+
+  # The time when the Action was created.
+  created_at: Date
+}
+
+type LikeActionSummary implements ActionSummary {
+
+  # The count of actions with this group.
+  count: Int
+
+  # The current user's action.
+  current_user: LikeAction
+}
+
+type CreateLikeResponse implements Response {
+
+  # The like that was created.
+  like: LikeAction
+
+  # An array of errors relating to the mutation that occurred.
+  errors: [UserError]
+}
+
+type RootMutation {
+
+  # Creates a like on an entity.
+  createLike(like: CreateLikeInput!): CreateLikeResponse
+}

From 717ebf40b7888668ce4909917c0327d5f5a74cbc Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 10:56:10 -0300
Subject: [PATCH 04/33] Adding like plugin to the ignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index e8dfd14e7..a619f0988 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,5 +19,6 @@ plugins/*
 !plugins/coral-plugin-facebook-auth
 !plugins/coral-plugin-respect
 !plugins/coral-plugin-offtopic
+!plugins/coral-plugin-like
 
 **/node_modules/*

From e1929f148ad3f6af948ef5675c5a1f1f7be9a7eb Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 10:58:14 -0300
Subject: [PATCH 05/33] Removing likes from the core graph

---
 graph/typeDefs.graphql | 62 ------------------------------------------
 1 file changed, 62 deletions(-)

diff --git a/graph/typeDefs.graphql b/graph/typeDefs.graphql
index 81105ff58..a4119b24a 100644
--- a/graph/typeDefs.graphql
+++ b/graph/typeDefs.graphql
@@ -103,9 +103,6 @@ enum COMMENT_STATUS {
 # The types of action there are as enum's.
 enum ACTION_TYPE {
 
-  # Represents a LikeAction.
-  LIKE
-
   # Represents a FlagAction.
   FLAG
 
@@ -295,41 +292,6 @@ type FlagAssetActionSummary implements AssetActionSummary {
   actionableItemCount: Int
 }
 
-# A summary of counts related to all the Likes on an Asset.
-type LikeAssetActionSummary implements AssetActionSummary {
-
-  # Number of likes associated with actionable types on this this Asset.
-  actionCount: Int
-
-  # Number of unique actionable types that are referenced by the likes.
-  actionableItemCount: Int
-}
-
-# LikeAction is used by users who "like" a specific entity.
-type LikeAction implements Action {
-
-  # The ID of the action.
-  id: ID!
-
-  # The author of the action.
-  user: User
-
-  # The time when the Action was updated.
-  updated_at: Date
-
-  # The time when the Action was created.
-  created_at: Date
-}
-
-# LikeActionSummary is counts the amount of "likes" that a specific entity has.
-type LikeActionSummary implements ActionSummary {
-
-  # The count of likes against the parent entity.
-  count: Int!
-
-  current_user: LikeAction
-}
-
 # A FLAG action that contains flag metadata.
 type FlagAction implements Action {
 
@@ -541,9 +503,6 @@ enum USER_STATUS {
 # Metrics for the assets.
 enum ASSET_METRICS_SORT {
 
-  # Represents a LikeAction.
-  LIKE
-
   # Represents a FlagAction.
   FLAG
 
@@ -629,15 +588,6 @@ enum ACTION_ITEM_TYPE {
   USERS
 }
 
-input CreateLikeInput {
-
-  # The item's id for which we are to create a like.
-  item_id: ID!
-
-  # The type of the item for which we are to create the like.
-  item_type: ACTION_ITEM_TYPE!
-}
-
 enum TAG_TYPE {
   STAFF
 }
@@ -658,15 +608,6 @@ input CreateCommentInput {
 
 }
 
-type CreateLikeResponse implements Response {
-
-  # The like that was created.
-  like: LikeAction
-
-  # An array of errors relating to the mutation that occurred.
-  errors: [UserError]
-}
-
 input CreateFlagInput {
 
   # The item's id for which we are to create a flag.
@@ -786,9 +727,6 @@ type RootMutation {
   # Creates a comment on the asset.
   createComment(comment: CreateCommentInput!): CreateCommentResponse
 
-  # Creates a like on an entity.
-  createLike(like: CreateLikeInput!): CreateLikeResponse
-
   # Creates a flag on an entity.
   createFlag(flag: CreateFlagInput!): CreateFlagResponse
 

From 5c14ac3f6708c5dc8307a241a994f6c0b8997d74 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 10:58:29 -0300
Subject: [PATCH 06/33] =?UTF-8?q?=C3=81dding=20LIKE=20to=20the=20plugin=20?=
 =?UTF-8?q?graph?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../coral-plugin-like/server/typeDefs.graphql    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/plugins/coral-plugin-like/server/typeDefs.graphql b/plugins/coral-plugin-like/server/typeDefs.graphql
index 1f94caf07..1a1100754 100644
--- a/plugins/coral-plugin-like/server/typeDefs.graphql
+++ b/plugins/coral-plugin-like/server/typeDefs.graphql
@@ -4,6 +4,12 @@ enum ACTION_TYPE {
   LIKE
 }
 
+enum ASSET_METRICS_SORT {
+
+  # Represents a LikeAction.
+  LIKE
+}
+
 input CreateLikeInput {
 
   # The item's id for which we are to create a like.
@@ -38,6 +44,16 @@ type LikeActionSummary implements ActionSummary {
   current_user: LikeAction
 }
 
+# A summary of counts related to all the Likes on an Asset.
+type LikeAssetActionSummary implements AssetActionSummary {
+
+  # Number of likes associated with actionable types on this this Asset.
+  actionCount: Int
+
+  # Number of unique actionable types that are referenced by the likes.
+  actionableItemCount: Int
+}
+
 type CreateLikeResponse implements Response {
 
   # The like that was created.

From 9ee749edb2462c717e06ebd26b94e6e459dbc48d Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:00:37 -0300
Subject: [PATCH 07/33] Removing LIKE from the core graph

---
 graph/resolvers/index.js         | 2 --
 graph/resolvers/like_action.js   | 5 -----
 graph/resolvers/root_mutation.js | 3 ---
 3 files changed, 10 deletions(-)
 delete mode 100644 graph/resolvers/like_action.js

diff --git a/graph/resolvers/index.js b/graph/resolvers/index.js
index 39392b223..cbeb6dbf9 100644
--- a/graph/resolvers/index.js
+++ b/graph/resolvers/index.js
@@ -12,7 +12,6 @@ const FlagAction = require('./flag_action');
 const DontAgreeAction = require('./dont_agree_action');
 const DontAgreeActionSummary = require('./dont_agree_action_summary');
 const GenericUserError = require('./generic_user_error');
-const LikeAction = require('./like_action');
 const RootMutation = require('./root_mutation');
 const RootQuery = require('./root_query');
 const Settings = require('./settings');
@@ -36,7 +35,6 @@ let resolvers = {
   DontAgreeAction,
   DontAgreeActionSummary,
   GenericUserError,
-  LikeAction,
   RootMutation,
   RootQuery,
   Settings,
diff --git a/graph/resolvers/like_action.js b/graph/resolvers/like_action.js
deleted file mode 100644
index 12d10f81e..000000000
--- a/graph/resolvers/like_action.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const LikeAction = {
-
-};
-
-module.exports = LikeAction;
diff --git a/graph/resolvers/root_mutation.js b/graph/resolvers/root_mutation.js
index 661cc9f96..5b60fbaa8 100644
--- a/graph/resolvers/root_mutation.js
+++ b/graph/resolvers/root_mutation.js
@@ -5,9 +5,6 @@ const RootMutation = {
   createComment(_, {comment}, {mutators: {Comment}}) {
     return wrapResponse('comment')(Comment.create(comment));
   },
-  createLike(_, {like: {item_id, item_type}}, {mutators: {Action}}) {
-    return wrapResponse('like')(Action.create({item_id, item_type, action_type: 'LIKE'}));
-  },
   createFlag(_, {flag: {item_id, item_type, reason, message}}, {mutators: {Action}}) {
     return wrapResponse('flag')(Action.create({item_id, item_type, action_type: 'FLAG', group_id: reason, metadata: {message}}));
   },

From 322434f751135eded1cb54d0b68989c7ac81273e Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:13:35 -0300
Subject: [PATCH 08/33] Removing LIKE from talk

---
 .../src/services/fragmentMatcher.js           |  4 ---
 .../src/components/Comment.js                 | 26 +------------------
 .../src/components/Stream.js                  |  3 ---
 .../src/containers/Stream.js                  |  4 +--
 .../graphql/mutations/index.js                | 12 ---------
 .../graphql/mutations/postLike.graphql        | 10 -------
 6 files changed, 2 insertions(+), 57 deletions(-)
 delete mode 100644 client/coral-framework/graphql/mutations/postLike.graphql

diff --git a/client/coral-admin/src/services/fragmentMatcher.js b/client/coral-admin/src/services/fragmentMatcher.js
index afb87d445..bf167cd1e 100644
--- a/client/coral-admin/src/services/fragmentMatcher.js
+++ b/client/coral-admin/src/services/fragmentMatcher.js
@@ -20,7 +20,6 @@ const fm = new IntrospectionFragmentMatcher({
           name: 'Response',
           possibleTypes: [
             {name: 'CreateCommentResponse'},
-            {name: 'CreateLikeResponse'},
             {name: 'CreateFlagResponse'},
             {name: 'CreateDontAgreeResponse'},
             {name: 'DeleteActionResponse'},
@@ -38,7 +37,6 @@ const fm = new IntrospectionFragmentMatcher({
           name: 'Action',
           possibleTypes: [
             {name: 'FlagAction'},
-            {name: 'LikeAction'},
             {name: 'DontAgreeAction'}
           ],
         },
@@ -47,7 +45,6 @@ const fm = new IntrospectionFragmentMatcher({
           name: 'ActionSummary',
           possibleTypes: [
             {name: 'FlagActionSummary'},
-            {name: 'LikeActionSummary'},
             {name: 'DontAgreeActionSummary'}
           ],
         },
@@ -57,7 +54,6 @@ const fm = new IntrospectionFragmentMatcher({
           possibleTypes: [
             {name: 'DefaultAssetActionSummary'},
             {name: 'FlagAssetActionSummary'},
-            {name: 'LikeAssetActionSummary'}
           ]
         }
       ],
diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 4f8426159..320a6b95f 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -1,11 +1,3 @@
-// this component will
-// render its children
-// render a like button
-// render a permalink button
-// render a reply button
-// render a flag button
-// translate things?
-
 import React, {PropTypes} from 'react';
 import PermalinkButton from 'coral-plugin-permalinks/PermalinkButton';
 
@@ -16,7 +8,6 @@ import Content from 'coral-plugin-commentcontent/CommentContent';
 import PubDate from 'coral-plugin-pubdate/PubDate';
 import {ReplyBox, ReplyButton} from 'coral-plugin-replies';
 import FlagComment from 'coral-plugin-flags/FlagComment';
-import LikeButton from 'coral-plugin-likes/LikeButton';
 import {BestButton, IfUserCanModifyBest, BEST_TAG, commentIsBest, BestIndicator} from 'coral-plugin-best/BestButton';
 import Slot from 'coral-framework/components/Slot';
 import LoadMore from './LoadMore';
@@ -28,7 +19,7 @@ import styles from './Comment.css';
 
 const isStaff = (tags) => !tags.every((t) => t.name !== 'STAFF') ;
 
-// hold actions links (e.g. Like, Reply) along the comment footer
+// hold actions links (e.g. Reply) along the comment footer
 const ActionButton = ({children}) => {
   return <span className="comment__action-button comment__action-button--nowrap">{ children }</span>;
 };
@@ -49,7 +40,6 @@ class Comment extends React.Component {
     setActiveReplyBox: PropTypes.func.isRequired,
     showSignInDialog: PropTypes.func.isRequired,
     postFlag: PropTypes.func.isRequired,
-    postLike: PropTypes.func.isRequired,
     deleteAction: PropTypes.func.isRequired,
     parentId: PropTypes.string,
     highlighted: PropTypes.string,
@@ -110,7 +100,6 @@ class Comment extends React.Component {
       postItem,
       addNotification,
       showSignInDialog,
-      postLike,
       highlighted,
       postFlag,
       postDontAgree,
@@ -127,7 +116,6 @@ class Comment extends React.Component {
       charCountEnable,
     } = this.props;
 
-    const likeSummary = getActionSummary('LikeActionSummary', comment);
     const flagSummary = getActionSummary('FlagActionSummary', comment);
     const dontAgreeSummary = getActionSummary('DontAgreeActionSummary', comment);
     let myFlag = null;
@@ -198,17 +186,6 @@ class Comment extends React.Component {
 
           <Content body={comment.body} />
           <div className="commentActionsLeft comment__action-container">
-            <ActionButton>
-              {/* TODO implmement iPerformedThisAction for the like */}
-              <LikeButton
-                totalLikes={getTotalActionCount('LikeActionSummary', comment)}
-                like={likeSummary[0]}
-                id={comment.id}
-                postLike={postLike}
-                deleteAction={deleteAction}
-                showSignInDialog={showSignInDialog}
-                currentUser={currentUser} />
-            </ActionButton>
             {
               !disableReply &&
               <ActionButton>
@@ -288,7 +265,6 @@ class Comment extends React.Component {
                   asset={asset}
                   highlighted={highlighted}
                   currentUser={currentUser}
-                  postLike={postLike}
                   postFlag={postFlag}
                   deleteAction={deleteAction}
                   addCommentTag={addCommentTag}
diff --git a/client/coral-embed-stream/src/components/Stream.js b/client/coral-embed-stream/src/components/Stream.js
index 2875d0397..bed0a5470 100644
--- a/client/coral-embed-stream/src/components/Stream.js
+++ b/client/coral-embed-stream/src/components/Stream.js
@@ -28,7 +28,6 @@ class Stream extends React.Component {
       postItem,
       addNotification,
       postFlag,
-      postLike,
       postDontAgree,
       loadMore,
       deleteAction,
@@ -117,7 +116,6 @@ class Stream extends React.Component {
             asset={asset}
             currentUser={user}
             highlighted={comment.id}
-            postLike={this.props.postLike}
             postFlag={this.props.postFlag}
             postDontAgree={this.props.postDontAgree}
             loadMore={this.props.loadMore}
@@ -157,7 +155,6 @@ class Stream extends React.Component {
                         postItem={postItem}
                         asset={asset}
                         currentUser={user}
-                        postLike={postLike}
                         postFlag={postFlag}
                         postDontAgree={postDontAgree}
                         addCommentTag={addCommentTag}
diff --git a/client/coral-embed-stream/src/containers/Stream.js b/client/coral-embed-stream/src/containers/Stream.js
index 49f234dab..16714df06 100644
--- a/client/coral-embed-stream/src/containers/Stream.js
+++ b/client/coral-embed-stream/src/containers/Stream.js
@@ -6,7 +6,7 @@ import uniqBy from 'lodash/uniqBy';
 import sortBy from 'lodash/sortBy';
 import isNil from 'lodash/isNil';
 import {NEW_COMMENT_COUNT_POLL_INTERVAL} from '../constants/stream';
-import {postComment, postFlag, postLike, postDontAgree, deleteAction, addCommentTag, removeCommentTag, ignoreUser} from 'coral-framework/graphql/mutations';
+import {postComment, postFlag, postDontAgree, deleteAction, addCommentTag, removeCommentTag, ignoreUser} from 'coral-framework/graphql/mutations';
 import {notificationActions, authActions} from 'coral-framework';
 import {editName} from 'coral-framework/actions/user';
 import {setCommentCountCache, setActiveReplyBox} from '../actions/stream';
@@ -217,7 +217,6 @@ const mapStateToProps = state => ({
   auth: state.auth.toJS(),
   commentCountCache: state.stream.commentCountCache,
   activeReplyBox: state.stream.activeReplyBox,
-
   commentId: state.stream.commentId,
   assetId: state.stream.assetId,
   assetUrl: state.stream.assetUrl,
@@ -239,7 +238,6 @@ export default compose(
   connect(mapStateToProps, mapDispatchToProps),
   postComment,
   postFlag,
-  postLike,
   postDontAgree,
   addCommentTag,
   removeCommentTag,
diff --git a/client/coral-framework/graphql/mutations/index.js b/client/coral-framework/graphql/mutations/index.js
index b1ea57ae1..bdd7fd1a1 100644
--- a/client/coral-framework/graphql/mutations/index.js
+++ b/client/coral-framework/graphql/mutations/index.js
@@ -1,7 +1,6 @@
 import {graphql} from 'react-apollo';
 import POST_COMMENT from './postComment.graphql';
 import POST_FLAG from './postFlag.graphql';
-import POST_LIKE from './postLike.graphql';
 import POST_DONT_AGREE from './postDontAgree.graphql';
 import DELETE_ACTION from './deleteAction.graphql';
 import ADD_COMMENT_TAG from './addCommentTag.graphql';
@@ -83,17 +82,6 @@ export const postComment = graphql(POST_COMMENT, {
   }),
 });
 
-export const postLike = graphql(POST_LIKE, {
-  props: ({mutate}) => ({
-    postLike: (like) => {
-      return mutate({
-        variables: {
-          like
-        }
-      });
-    }}),
-});
-
 export const postFlag = graphql(POST_FLAG, {
   props: ({mutate}) => ({
     postFlag: (flag) => {
diff --git a/client/coral-framework/graphql/mutations/postLike.graphql b/client/coral-framework/graphql/mutations/postLike.graphql
deleted file mode 100644
index 350904352..000000000
--- a/client/coral-framework/graphql/mutations/postLike.graphql
+++ /dev/null
@@ -1,10 +0,0 @@
-mutation CreateLike ($like: CreateLikeInput!) {
-  createLike(like:$like) {
-    like {
-      id
-    }
-    errors {
-      translation_key
-    }
-  }
-}

From 8bed64373eacfe55d86bdca6a63cb9bd29ba6b5c Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:15:53 -0300
Subject: [PATCH 09/33] Removing LIKE from talk

---
 client/coral-embed-stream/src/components/Comment.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 320a6b95f..28248a891 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -13,7 +13,7 @@ import Slot from 'coral-framework/components/Slot';
 import LoadMore from './LoadMore';
 import IgnoredCommentTombstone from './IgnoredCommentTombstone';
 import {TopRightMenu} from './TopRightMenu';
-import {getActionSummary, getTotalActionCount, iPerformedThisAction} from 'coral-framework/utils';
+import {getActionSummary, iPerformedThisAction} from 'coral-framework/utils';
 
 import styles from './Comment.css';
 

From 400615cc58e5f1e7006b878d329d5cf241c9694e Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:43:40 -0300
Subject: [PATCH 10/33] Adding translations

---
 plugins/coral-plugin-like/client/translations.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/coral-plugin-like/client/translations.json b/plugins/coral-plugin-like/client/translations.json
index 643f32ccf..93d73d3a2 100644
--- a/plugins/coral-plugin-like/client/translations.json
+++ b/plugins/coral-plugin-like/client/translations.json
@@ -1,10 +1,10 @@
 {
   "en": {
-    "respect": "Respect",
-    "respected": "Respected"
+    "like": "Like",
+    "liked": "Liked"
   },
   "es": {
-    "respect": "Respeto",
-    "respected": "Respetado"
+    "like": "Me Gusta",
+    "liked": "Me Gustó"
   }
 }

From a90802a046457821ab2c850998a68de54eecaa12 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:43:59 -0300
Subject: [PATCH 11/33] Coral-Plugin-Like

---
 .../client/components/LikeButton.js           |  31 +--
 .../client/components/style.css               |   4 +-
 .../client/containers/LikeButton.js           | 224 ++++++++++--------
 plugins/coral-plugin-like/client/index.js     |   2 +-
 plugins/coral-plugin-like/index.js            |   2 +-
 5 files changed, 143 insertions(+), 120 deletions(-)

diff --git a/plugins/coral-plugin-like/client/components/LikeButton.js b/plugins/coral-plugin-like/client/components/LikeButton.js
index faeda1991..0ae758ca0 100644
--- a/plugins/coral-plugin-like/client/components/LikeButton.js
+++ b/plugins/coral-plugin-like/client/components/LikeButton.js
@@ -8,14 +8,15 @@ import translations from '../translations.json';
 import {getMyActionSummary, getTotalActionCount} from 'coral-framework/utils';
 
 const lang = new I18n(translations);
+const name = 'coral-plugin-like';
 
-class RespectButton extends Component {
+class LikeButton extends Component {
 
   handleClick = () => {
-    const {postRespect, showSignInDialog, deleteAction} = this.props;
+    const {postLike, showSignInDialog, deleteAction} = this.props;
     const {root: {me}, comment} = this.props;
 
-    const myRespectActionSummary = getMyActionSummary('RespectActionSummary', comment);
+    const myLikeActionSummary = getMyActionSummary('LikeActionSummary', comment);
 
     // If the current user does not exist, trigger sign in dialog.
     if (!me) {
@@ -28,10 +29,10 @@ class RespectButton extends Component {
       return;
     }
 
-    if (myRespectActionSummary) {
-      deleteAction(myRespectActionSummary.current_user.id, comment.id);
+    if (myLikeActionSummary) {
+      deleteAction(myLikeActionSummary.current_user.id, comment.id);
     } else {
-      postRespect({
+      postLike({
         item_id: comment.id,
         item_type: 'COMMENTS'
       });
@@ -45,25 +46,25 @@ class RespectButton extends Component {
       return null;
     }
 
-    const myRespect = getMyActionSummary('RespectActionSummary', comment);
-    let count = getTotalActionCount('RespectActionSummary', comment);
+    const myLike = getMyActionSummary('LikeActionSummary', comment);
+    let count = getTotalActionCount('LikeActionSummary', comment);
 
     return (
-      <div className={styles.respect}>
+      <div className={cn(styles.like, `${name}-container`)}>
         <button
-          className={cn(styles.button, {[styles.respected]: myRespect})}
+          className={cn(styles.button, {[styles.liked]: myLike}, `${name}-button`)}
           onClick={this.handleClick} >
-          <span>{lang.t(myRespect ? 'respected' : 'respect')}</span>
-          <Icon className={cn(styles.icon, {[styles.respected]: myRespect})} />
-          {count > 0 && count}
+          <span className={`${name}-button-text`}>{lang.t(myLike ? 'liked' : 'like')}</span>
+          <i className={cn(styles.icon, 'material-icons', {[styles.liked]: myLike}, `${name}-icon`)} aria-hidden={true}>thumb_up</i>
+          <span className={`${name}-count`}>{count > 0 && count}</span>
         </button>
       </div>
     );
   }
 }
 
-RespectButton.propTypes = {
+LikeButton.propTypes = {
   data: React.PropTypes.object.isRequired
 };
 
-export default RespectButton;
+export default LikeButton;
diff --git a/plugins/coral-plugin-like/client/components/style.css b/plugins/coral-plugin-like/client/components/style.css
index 32f9a8959..fd502570b 100644
--- a/plugins/coral-plugin-like/client/components/style.css
+++ b/plugins/coral-plugin-like/client/components/style.css
@@ -1,4 +1,4 @@
-.respect {
+.like {
   display: inline-block;
  }
 
@@ -15,7 +15,7 @@
     cursor: pointer;
   }
 
-  &.respected {
+  &.liked {
     color: #c98211;
 
     &:hover {
diff --git a/plugins/coral-plugin-like/client/containers/LikeButton.js b/plugins/coral-plugin-like/client/containers/LikeButton.js
index ccd33182b..77f725731 100644
--- a/plugins/coral-plugin-like/client/containers/LikeButton.js
+++ b/plugins/coral-plugin-like/client/containers/LikeButton.js
@@ -1,17 +1,17 @@
-import {compose, gql, graphql} from 'react-apollo';
-import {connect} from 'react-redux';
-import {bindActionCreators} from 'redux';
 import get from 'lodash/get';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+import { compose, gql, graphql } from 'react-apollo';
+import LikeButton from '../components/LikeButton';
 import withFragments from 'coral-framework/hocs/withFragments';
-import {showSignInDialog} from 'coral-framework/actions/auth';
-import RespectButton from '../components/LikeButton';
+import { showSignInDialog } from 'coral-framework/actions/auth';
 
-const isRespectAction = (a) => a.__typename === 'RespectActionSummary';
+const isLikeAction = a => a.__typename === 'LikeActionSummary';
 
 const COMMENT_FRAGMENT = gql`
-  fragment RespectButton_updateFragment on Comment {
+  fragment LikeButton_updateFragment on Comment {
     action_summaries {
-      ... on RespectActionSummary {
+      ... on LikeActionSummary {
         count
         current_user {
           id
@@ -21,7 +21,8 @@ const COMMENT_FRAGMENT = gql`
   }
 `;
 
-const withDeleteAction = graphql(gql`
+const withDeleteAction = graphql(
+  gql`
   mutation deleteAction($id: ID!) {
       deleteAction(id:$id) {
         errors {
@@ -29,47 +30,60 @@ const withDeleteAction = graphql(gql`
         }
       }
   }
-`, {
-  props: ({mutate}) => ({
-    deleteAction: (id, commentId) => {
-      return mutate({
-        variables: {id},
-        optimisticResponse: {
-          deleteAction: {
-            __typename: 'DeleteActionResponse',
-            errors: null,
+`,
+  {
+    props: ({ mutate }) => ({
+      deleteAction: (id, commentId) => {
+        return mutate({
+          variables: { id },
+          optimisticResponse: {
+            deleteAction: {
+              __typename: 'DeleteActionResponse',
+              errors: null
+            }
+          },
+          update: proxy => {
+            const fragmentId = `Comment_${commentId}`;
+
+            // Read the data from our cache for this query.
+            const data = proxy.readFragment({
+              fragment: COMMENT_FRAGMENT,
+              id: fragmentId
+            });
+
+            // Check whether we liked this comment.
+            const idx = data.action_summaries.findIndex(isLikeAction);
+            if (
+              idx < 0 ||
+              get(data.action_summaries[idx], 'current_user.id') !== id
+            ) {
+              return;
+            }
+
+            data.action_summaries[idx] = {
+              ...data.action_summaries[idx],
+              count: data.action_summaries[idx].count - 1,
+              current_user: null
+            };
+
+            // Write our data back to the cache.
+            proxy.writeFragment({
+              fragment: COMMENT_FRAGMENT,
+              id: fragmentId,
+              data
+            });
           }
-        },
-        update: (proxy) => {
-          const fragmentId = `Comment_${commentId}`;
+        });
+      }
+    })
+  }
+);
 
-          // Read the data from our cache for this query.
-          const data = proxy.readFragment({fragment: COMMENT_FRAGMENT, id: fragmentId});
-
-          // Check whether we respected this comment.
-          const idx = data.action_summaries.findIndex(isRespectAction);
-          if (idx < 0 || get(data.action_summaries[idx], 'current_user.id') !== id) {
-            return;
-          }
-
-          data.action_summaries[idx] = {
-            ...data.action_summaries[idx],
-            count: data.action_summaries[idx].count - 1,
-            current_user: null,
-          };
-
-          // Write our data back to the cache.
-          proxy.writeFragment({fragment: COMMENT_FRAGMENT, id: fragmentId, data});
-        },
-      });
-    },
-  }),
-});
-
-const withPostRespect = graphql(gql`
-  mutation createRespect($respect: CreateRespectInput!) {
-    createRespect(respect: $respect) {
-      respect {
+const withPostLike = graphql(
+  gql`
+  mutation createLike($like: CreateLikeInput!) {
+    createLike(like: $like) {
+      like {
         id
       }
       errors {
@@ -77,87 +91,95 @@ const withPostRespect = graphql(gql`
       }
     }
   }
-`, {
-  props: ({mutate}) => ({
-    postRespect: (respect) => {
-      return mutate({
-        variables: {respect},
-        optimisticResponse: {
-          createRespect: {
-            __typename: 'CreateRespectResponse',
-            errors: null,
-            respect: {
-              __typename: 'RespectAction',
-              id: 'pending',
-            },
-          }
-        },
-        update: (proxy, mutationResult) => {
-          const fragmentId = `Comment_${respect.item_id}`;
+`,
+  {
+    props: ({ mutate }) => ({
+      postLike: like => {
+        return mutate({
+          variables: { like },
+          optimisticResponse: {
+            createLike: {
+              __typename: 'CreateLikeResponse',
+              errors: null,
+              like: {
+                __typename: 'LikeAction',
+                id: 'pending'
+              }
+            }
+          },
+          update: (proxy, mutationResult) => {
+            const fragmentId = `Comment_${like.item_id}`;
 
-          // Read the data from our cache for this query.
-          const data = proxy.readFragment({fragment: COMMENT_FRAGMENT, id: fragmentId});
+            // Read the data from our cache for this query.
+            const data = proxy.readFragment({
+              fragment: COMMENT_FRAGMENT,
+              id: fragmentId
+            });
 
-          // Add our comment from the mutation to the end.
-          let idx = data.action_summaries.findIndex(isRespectAction);
+            // Add our comment from the mutation to the end.
+            let idx = data.action_summaries.findIndex(isLikeAction);
 
-          // Check whether we already respected this comment.
-          if (idx >= 0 && data.action_summaries[idx].current_user) {
-            return;
-          }
+            // Check whether we already liked this comment.
+            if (idx >= 0 && data.action_summaries[idx].current_user) {
+              return;
+            }
 
-          if (idx < 0) {
+            if (idx < 0) {
+              // Add initial action when it doesn't exist.
+              data.action_summaries.push({
+                __typename: 'LikeActionSummary',
+                count: 0,
+                current_user: null
+              });
+              idx = data.action_summaries.length - 1;
+            }
 
-            // Add initial action when it doesn't exist.
-            data.action_summaries.push({
-              __typename: 'RespectActionSummary',
-              count: 0,
-              current_user: null,
+            data.action_summaries[idx] = {
+              ...data.action_summaries[idx],
+              count: data.action_summaries[idx].count + 1,
+              current_user: mutationResult.data.createLike.like
+            };
+
+            // Write our data back to the cache.
+            proxy.writeFragment({
+              fragment: COMMENT_FRAGMENT,
+              id: fragmentId,
+              data
             });
-            idx = data.action_summaries.length - 1;
           }
-
-          data.action_summaries[idx] = {
-            ...data.action_summaries[idx],
-            count: data.action_summaries[idx].count + 1,
-            current_user: mutationResult.data.createRespect.respect,
-          };
-
-          // Write our data back to the cache.
-          proxy.writeFragment({fragment: COMMENT_FRAGMENT, id: fragmentId, data});
-        },
-      });
-    },
-  }),
-});
+        });
+      }
+    })
+  }
+);
 
 const mapDispatchToProps = dispatch =>
-  bindActionCreators({showSignInDialog}, dispatch);
+  bindActionCreators({ showSignInDialog }, dispatch);
 
 const enhance = compose(
   withFragments({
     root: gql`
-      fragment RespectButton_root on RootQuery {
+      fragment LikeButton_root on RootQuery {
         me {
           status
         }
       }
     `,
     comment: gql`
-      fragment RespectButton_comment on Comment {
+      fragment LikeButton_comment on Comment {
         action_summaries {
-          ... on RespectActionSummary {
+          ... on LikeActionSummary {
             count
             current_user {
               id
             }
           }
         }
-      }`,
+      }`
   }),
   connect(null, mapDispatchToProps),
   withDeleteAction,
-  withPostRespect,
+  withPostLike
 );
 
-export default enhance(RespectButton);
+export default enhance(LikeButton);
diff --git a/plugins/coral-plugin-like/client/index.js b/plugins/coral-plugin-like/client/index.js
index e80b03c17..10150e87c 100644
--- a/plugins/coral-plugin-like/client/index.js
+++ b/plugins/coral-plugin-like/client/index.js
@@ -2,6 +2,6 @@ import LikeButton from './containers/LikeButton';
 
 export default {
   slots: {
-    commentDetail: [LikeButton],
+    commentDetail: [LikeButton]
   }
 };
diff --git a/plugins/coral-plugin-like/index.js b/plugins/coral-plugin-like/index.js
index 5182cd258..4fc0285f4 100644
--- a/plugins/coral-plugin-like/index.js
+++ b/plugins/coral-plugin-like/index.js
@@ -6,7 +6,7 @@ module.exports = {
   typeDefs: readFileSync(path.join(__dirname, 'server/typeDefs.graphql'), 'utf8'),
   resolvers: {
     RootMutation: {
-      createRespect(_, {like: {item_id, item_type}}, {mutators: {Action}}) {
+      createLike(_, {like: {item_id, item_type}}, {mutators: {Action}}) {
         return wrapResponse('like')(Action.create({item_id, item_type, action_type: 'LIKE'}));
       }
     }

From f3980a03b2f8deac048d1d2f02a6e242f363e707 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:44:24 -0300
Subject: [PATCH 12/33] Removing like from core action summary

---
 graph/resolvers/action_summary.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/graph/resolvers/action_summary.js b/graph/resolvers/action_summary.js
index ac2154de8..f9c2ad324 100644
--- a/graph/resolvers/action_summary.js
+++ b/graph/resolvers/action_summary.js
@@ -3,8 +3,6 @@ const ActionSummary = {
     switch (action_type) {
     case 'FLAG':
       return 'FlagActionSummary';
-    case 'LIKE':
-      return 'LikeActionSummary';
     case 'DONTAGREE':
       return 'DontAgreeActionSummary';
     }

From 1250054fb719b1aacca55bb4ded33661602eb9e4 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 11:45:23 -0300
Subject: [PATCH 13/33] Prettier

---
 .../client/components/LikeButton.js           | 45 +++++++++++++------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/plugins/coral-plugin-like/client/components/LikeButton.js b/plugins/coral-plugin-like/client/components/LikeButton.js
index 0ae758ca0..b91ffd42a 100644
--- a/plugins/coral-plugin-like/client/components/LikeButton.js
+++ b/plugins/coral-plugin-like/client/components/LikeButton.js
@@ -1,22 +1,24 @@
-import React, {Component} from 'react';
+import React, { Component } from 'react';
 import styles from './style.css';
 import Icon from './Icon';
 
-import {I18n} from 'coral-framework';
+import { I18n } from 'coral-framework';
 import cn from 'classnames';
 import translations from '../translations.json';
-import {getMyActionSummary, getTotalActionCount} from 'coral-framework/utils';
+import { getMyActionSummary, getTotalActionCount } from 'coral-framework/utils';
 
 const lang = new I18n(translations);
 const name = 'coral-plugin-like';
 
 class LikeButton extends Component {
-
   handleClick = () => {
-    const {postLike, showSignInDialog, deleteAction} = this.props;
-    const {root: {me}, comment} = this.props;
+    const { postLike, showSignInDialog, deleteAction } = this.props;
+    const { root: { me }, comment } = this.props;
 
-    const myLikeActionSummary = getMyActionSummary('LikeActionSummary', comment);
+    const myLikeActionSummary = getMyActionSummary(
+      'LikeActionSummary',
+      comment
+    );
 
     // If the current user does not exist, trigger sign in dialog.
     if (!me) {
@@ -37,10 +39,10 @@ class LikeButton extends Component {
         item_type: 'COMMENTS'
       });
     }
-  }
+  };
 
   render() {
-    const {comment} = this.props;
+    const { comment } = this.props;
 
     if (!comment) {
       return null;
@@ -52,10 +54,27 @@ class LikeButton extends Component {
     return (
       <div className={cn(styles.like, `${name}-container`)}>
         <button
-          className={cn(styles.button, {[styles.liked]: myLike}, `${name}-button`)}
-          onClick={this.handleClick} >
-          <span className={`${name}-button-text`}>{lang.t(myLike ? 'liked' : 'like')}</span>
-          <i className={cn(styles.icon, 'material-icons', {[styles.liked]: myLike}, `${name}-icon`)} aria-hidden={true}>thumb_up</i>
+          className={cn(
+            styles.button,
+            { [styles.liked]: myLike },
+            `${name}-button`
+          )}
+          onClick={this.handleClick}
+        >
+          <span className={`${name}-button-text`}>
+            {lang.t(myLike ? 'liked' : 'like')}
+          </span>
+          <i
+            className={cn(
+              styles.icon,
+              'material-icons',
+              { [styles.liked]: myLike },
+              `${name}-icon`
+            )}
+            aria-hidden={true}
+          >
+            thumb_up
+          </i>
           <span className={`${name}-count`}>{count > 0 && count}</span>
         </button>
       </div>

From 1a50b6cc85a2507ea40d91cd925da893f69e7ccd Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 12:00:44 -0300
Subject: [PATCH 14/33] =?UTF-8?q?=C3=81dding=20like=20as=20a=20reaction?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Comment.js                 | 161 +++++++++++-------
 client/coral-plugin-likes/LikeButton.js       |  71 --------
 client/coral-plugin-likes/translations.json   |  10 --
 plugins/coral-plugin-like/client/index.js     |   2 +-
 4 files changed, 97 insertions(+), 147 deletions(-)
 delete mode 100644 client/coral-plugin-likes/LikeButton.js
 delete mode 100644 client/coral-plugin-likes/translations.json

diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 5661359bd..4349fe38d 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -8,7 +8,13 @@ import Content from 'coral-plugin-commentcontent/CommentContent';
 import PubDate from 'coral-plugin-pubdate/PubDate';
 import {ReplyBox, ReplyButton} from 'coral-plugin-replies';
 import FlagComment from 'coral-plugin-flags/FlagComment';
-import {BestButton, IfUserCanModifyBest, BEST_TAG, commentIsBest, BestIndicator} from 'coral-plugin-best/BestButton';
+import {
+  BestButton,
+  IfUserCanModifyBest,
+  BEST_TAG,
+  commentIsBest,
+  BestIndicator
+} from 'coral-plugin-best/BestButton';
 import Slot from 'coral-framework/components/Slot';
 import LoadMore from './LoadMore';
 import IgnoredCommentTombstone from './IgnoredCommentTombstone';
@@ -17,15 +23,18 @@ import {getActionSummary, iPerformedThisAction} from 'coral-framework/utils';
 
 import styles from './Comment.css';
 
-const isStaff = (tags) => !tags.every((t) => t.name !== 'STAFF') ;
+const isStaff = tags => !tags.every(t => t.name !== 'STAFF');
 
 // hold actions links (e.g. Reply) along the comment footer
 const ActionButton = ({children}) => {
-  return <span className="comment__action-button comment__action-button--nowrap">{ children }</span>;
+  return (
+    <span className="comment__action-button comment__action-button--nowrap">
+      {children}
+    </span>
+  );
 };
 
 class Comment extends React.Component {
-
   constructor(props) {
     super(props);
     this.state = {replyBoxVisible: false};
@@ -70,7 +79,8 @@ class Comment extends React.Component {
         PropTypes.shape({
           body: PropTypes.string.isRequired,
           id: PropTypes.string.isRequired
-        })),
+        })
+      ),
       user: PropTypes.shape({
         id: PropTypes.string.isRequired,
         name: PropTypes.string.isRequired
@@ -87,10 +97,10 @@ class Comment extends React.Component {
     removeCommentTag: React.PropTypes.func,
 
     // dispatch action to ignore another user
-    ignoreUser: React.PropTypes.func,
-  }
+    ignoreUser: React.PropTypes.func
+  };
 
-  render () {
+  render() {
     const {
       comment,
       parentId,
@@ -113,11 +123,14 @@ class Comment extends React.Component {
       disableReply,
       commentIsIgnored,
       maxCharCount,
-      charCountEnable,
+      charCountEnable
     } = this.props;
 
     const flagSummary = getActionSummary('FlagActionSummary', comment);
-    const dontAgreeSummary = getActionSummary('DontAgreeActionSummary', comment);
+    const dontAgreeSummary = getActionSummary(
+      'DontAgreeActionSummary',
+      comment
+    );
     let myFlag = null;
     if (iPerformedThisAction('FlagActionSummary', comment)) {
       myFlag = flagSummary.find(s => s.current_user);
@@ -125,46 +138,59 @@ class Comment extends React.Component {
       myFlag = dontAgreeSummary.find(s => s.current_user);
     }
 
-    let commentClass = parentId ? `reply ${styles.Reply}` : `comment ${styles.Comment}`;
+    let commentClass = parentId
+      ? `reply ${styles.Reply}`
+      : `comment ${styles.Comment}`;
     commentClass += comment.id === 'pending' ? ` ${styles.pendingComment}` : '';
 
     // call a function, and if it errors, call addNotification('error', ...) (e.g. to show user a snackbar)
-    const notifyOnError = (fn, errorToMessage) => async function (...args) {
-      if (typeof errorToMessage !== 'function') {errorToMessage = (error) => error.message;}
-      try {
-        return await fn(...args);
-      } catch (error) {
-        addNotification('error', errorToMessage(error));
-        throw error;
-      }
-    };
+    const notifyOnError = (fn, errorToMessage) =>
+      async function(...args) {
+        if (typeof errorToMessage !== 'function') {
+          errorToMessage = error => error.message;
+        }
+        try {
+          return await fn(...args);
+        } catch (error) {
+          addNotification('error', errorToMessage(error));
+          throw error;
+        }
+      };
 
-    const addBestTag = notifyOnError(() => addCommentTag({
-      id: comment.id,
-      tag: BEST_TAG,
-    }), () => 'Failed to tag comment as best');
+    const addBestTag = notifyOnError(
+      () =>
+        addCommentTag({
+          id: comment.id,
+          tag: BEST_TAG
+        }),
+      () => 'Failed to tag comment as best'
+    );
 
-    const removeBestTag = notifyOnError(() => removeCommentTag({
-      id: comment.id,
-      tag: BEST_TAG,
-    }), () => 'Failed to remove best comment tag');
+    const removeBestTag = notifyOnError(
+      () =>
+        removeCommentTag({
+          id: comment.id,
+          tag: BEST_TAG
+        }),
+      () => 'Failed to remove best comment tag'
+    );
 
     return (
       <div
         className={commentClass}
         id={`c_${comment.id}`}
-        style={{marginLeft: depth * 30}}>
+        style={{marginLeft: depth * 30}}
+      >
         <hr aria-hidden={true} />
-        <div className={highlighted === comment.id ? 'highlighted-comment' : ''}>
-          <AuthorName
-            author={comment.user}/>
-          { isStaff(comment.tags)
-            ? <TagLabel>Staff</TagLabel>
-          : null }
+        <div
+          className={highlighted === comment.id ? 'highlighted-comment' : ''}
+        >
+          <AuthorName author={comment.user} />
+          {isStaff(comment.tags) ? <TagLabel>Staff</TagLabel> : null}
 
-          { commentIsBest(comment)
+          {commentIsBest(comment)
             ? <TagLabel><BestIndicator /></TagLabel>
-          : null }
+            : null}
           <PubDate created_at={comment.created_at} />
           <Slot
             fill="commentInfoBar"
@@ -174,36 +200,43 @@ class Comment extends React.Component {
             commentId={comment.id}
             inline
           />
-          { (currentUser && (comment.user.id !== currentUser.id))
+          {currentUser && comment.user.id !== currentUser.id
             ? <span className={styles.topRightMenu}>
                 <TopRightMenu
                   comment={comment}
                   ignoreUser={ignoreUser}
-                  addNotification={addNotification} />
+                  addNotification={addNotification}
+                />
               </span>
-            : null
-          }
+            : null}
 
           <Content body={comment.body} />
           <Slot fill="commentContent" />
           <div className="commentActionsLeft comment__action-container">
-            <Slot fill="commentReactions" inline />
-            {
-              !disableReply &&
+            <Slot
+              fill="commentReactions"
+              data={this.props.data}
+              root={this.props.root}
+              comment={comment}
+              commentId={comment.id}
+              inline
+            />
+            {!disableReply &&
               <ActionButton>
                 <ReplyButton
                   onClick={() => setActiveReplyBox(comment.id)}
                   parentCommentId={parentId || comment.id}
                   currentUserId={currentUser && currentUser.id}
-                  banned={false} />
-              </ActionButton>
-            }
+                  banned={false}
+                />
+              </ActionButton>}
             <ActionButton>
               <IfUserCanModifyBest user={currentUser}>
                 <BestButton
                   isBest={commentIsBest(comment)}
                   addBest={addBestTag}
-                  removeBest={removeBestTag} />
+                  removeBest={removeBestTag}
+                />
               </IfUserCanModifyBest>
             </ActionButton>
             <Slot
@@ -229,12 +262,12 @@ class Comment extends React.Component {
                 postDontAgree={postDontAgree}
                 deleteAction={deleteAction}
                 showSignInDialog={showSignInDialog}
-                currentUser={currentUser} />
+                currentUser={currentUser}
+              />
             </ActionButton>
           </div>
         </div>
-        {
-          activeReplyBox === comment.id
+        {activeReplyBox === comment.id
           ? <ReplyBox
               commentPostedHandler={() => {
                 setActiveReplyBox('');
@@ -246,11 +279,10 @@ class Comment extends React.Component {
               addNotification={addNotification}
               authorId={currentUser.id}
               postItem={postItem}
-              assetId={asset.id} />
-          : null
-        }
-        {
-          comment.replies &&
+              assetId={asset.id}
+            />
+          : null}
+        {comment.replies &&
           comment.replies.map(reply => {
             return commentIsIgnored(reply)
               ? <IgnoredCommentTombstone key={reply.id} />
@@ -277,12 +309,11 @@ class Comment extends React.Component {
                   showSignInDialog={showSignInDialog}
                   reactKey={reply.id}
                   key={reply.id}
-                  comment={reply} />;
-          })
-        }
-        {
-          comment.replies &&
-          <div className='coral-load-more-replies'>
+                  comment={reply}
+                />;
+          })}
+        {comment.replies &&
+          <div className="coral-load-more-replies">
             <LoadMore
               assetId={asset.id}
               comments={comment.replies}
@@ -290,9 +321,9 @@ class Comment extends React.Component {
               topLevel={false}
               replyCount={comment.replyCount}
               moreComments={comment.replyCount > comment.replies.length}
-              loadMore={loadMore}/>
-          </div>
-        }
+              loadMore={loadMore}
+            />
+          </div>}
       </div>
     );
   }
diff --git a/client/coral-plugin-likes/LikeButton.js b/client/coral-plugin-likes/LikeButton.js
deleted file mode 100644
index 28382dbc2..000000000
--- a/client/coral-plugin-likes/LikeButton.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, {Component, PropTypes} from 'react';
-import {I18n} from '../coral-framework';
-import translations from './translations.json';
-
-const name = 'coral-plugin-likes';
-
-class LikeButton extends Component {
-
-  static propTypes = {
-    like: PropTypes.shape({
-      current: PropTypes.object,
-      count: PropTypes.number
-    }),
-    id: PropTypes.string,
-    postLike: PropTypes.func.isRequired,
-    deleteAction: PropTypes.func.isRequired,
-    showSignInDialog: PropTypes.func.isRequired,
-    currentUser: PropTypes.shape({
-      banned: PropTypes.boolean
-    }),
-  }
-
-  state = {
-    localPost: null, // Set to the ID of an action if one is posted
-    localDelete: false // Set to true is the user deletes an action, unless localPost is already set.
-  }
-
-  render() {
-    const {like, id, postLike, deleteAction, showSignInDialog, currentUser} = this.props;
-    let {totalLikes: count} = this.props;
-    const {localPost, localDelete} = this.state;
-    const liked = (like && like.current_user && !localDelete) || localPost;
-    if (localPost) {count += 1;}
-    if (localDelete) {count -= 1;}
-
-    const onLikeClick = () => {
-      if (!currentUser) {
-        showSignInDialog();
-        return;
-      }
-      if (currentUser.banned) {
-        return;
-      }
-      if (!liked) { // this comment has not yet been liked by this user.
-        this.setState({localPost: 'temp'});
-        postLike({
-          item_id: id,
-          item_type: 'COMMENTS'
-        }).then(({data}) => {
-          this.setState({localPost: data.createLike.like.id});
-        });
-      } else {
-        this.setState((prev) => prev.localPost ? {...prev, localPost: null} : {...prev, localDelete: true});
-        deleteAction(localPost || like.current_user.id);
-      }
-    };
-
-    return <div className={`${name}-container`}>
-      <button onClick={onLikeClick} className={`${name}-button ${liked ? 'likedButton' : ''}`}>
-        <span className={`${name}-button-text`}>{lang.t(liked ? 'liked' : 'like')}</span>
-        <i className={`${name}-icon material-icons`}
-          aria-hidden={true}>thumb_up</i>
-        <span className={`${name}-like-count`}>{count > 0 && count}</span>
-      </button>
-    </div>;
-  }
-}
-
-export default LikeButton;
-
-const lang = new I18n(translations);
diff --git a/client/coral-plugin-likes/translations.json b/client/coral-plugin-likes/translations.json
deleted file mode 100644
index 93d73d3a2..000000000
--- a/client/coral-plugin-likes/translations.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "en": {
-    "like": "Like",
-    "liked": "Liked"
-  },
-  "es": {
-    "like": "Me Gusta",
-    "liked": "Me Gustó"
-  }
-}
diff --git a/plugins/coral-plugin-like/client/index.js b/plugins/coral-plugin-like/client/index.js
index 10150e87c..295b20cfb 100644
--- a/plugins/coral-plugin-like/client/index.js
+++ b/plugins/coral-plugin-like/client/index.js
@@ -2,6 +2,6 @@ import LikeButton from './containers/LikeButton';
 
 export default {
   slots: {
-    commentDetail: [LikeButton]
+    commentReactions: [LikeButton]
   }
 };

From b02088e329130bd2ab42b4352e60500b2ba4d9b8 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 12:04:14 -0300
Subject: [PATCH 15/33] Like color

---
 plugins/coral-plugin-like/client/components/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/coral-plugin-like/client/components/style.css b/plugins/coral-plugin-like/client/components/style.css
index fd502570b..f45df86ef 100644
--- a/plugins/coral-plugin-like/client/components/style.css
+++ b/plugins/coral-plugin-like/client/components/style.css
@@ -16,10 +16,10 @@
   }
 
   &.liked {
-    color: #c98211;
+    color: rgb(0,134,227);
 
     &:hover {
-      color: #e59614;
+      color: rgb(0,134,227);
       cursor: pointer;
     }
   }

From 23a5b236a2324e67310a8244ef57bc7dd6de0bcf Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 1 May 2017 12:05:45 -0300
Subject: [PATCH 16/33] Linting

---
 plugins/coral-plugin-respect/index.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/plugins/coral-plugin-respect/index.js b/plugins/coral-plugin-respect/index.js
index 5e960976d..019f0ef11 100644
--- a/plugins/coral-plugin-respect/index.js
+++ b/plugins/coral-plugin-respect/index.js
@@ -3,11 +3,16 @@ const path = require('path');
 const wrapResponse = require('../../graph/helpers/response');
 
 module.exports = {
-  typeDefs: readFileSync(path.join(__dirname, 'server/typeDefs.graphql'), 'utf8'),
+  typeDefs: readFileSync(
+    path.join(__dirname, 'server/typeDefs.graphql'),
+    'utf8'
+  ),
   resolvers: {
     RootMutation: {
       createRespect(_, {respect: {item_id, item_type}}, {mutators: {Action}}) {
-        return wrapResponse('respect')(Action.create({item_id, item_type, action_type: 'RESPECT'}));
+        return wrapResponse('respect')(
+          Action.create({item_id, item_type, action_type: 'RESPECT'})
+        );
       }
     }
   },

From 8293408c52e56d81e71bc28aca2e326173dfced5 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Mon, 1 May 2017 10:22:11 -0600
Subject: [PATCH 17/33] pull some custom code out of ActionButton

---
 .../src/components/ActionButton.js            |  5 ++---
 .../ModerationQueue/components/Comment.js     | 20 +++++++++++--------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/client/coral-admin/src/components/ActionButton.js b/client/coral-admin/src/components/ActionButton.js
index ae75b829e..3651ee939 100644
--- a/client/coral-admin/src/components/ActionButton.js
+++ b/client/coral-admin/src/components/ActionButton.js
@@ -3,9 +3,8 @@ import styles from './ModerationList.css';
 import {Button} from 'coral-ui';
 import {menuActionsMap} from '../containers/ModerationQueue/helpers/moderationQueueActionsMap';
 
-const ActionButton = ({type = '', status, ...props}) => {
+const ActionButton = ({type = '', active, ...props}) => {
   const typeName = type.toLowerCase();
-  const active = ((type === 'REJECT' && status === 'REJECTED') || (type === 'APPROVE' && status === 'ACCEPTED'));
   let text = menuActionsMap[type].text;
 
   if (text === 'Approve' && active) {
@@ -25,7 +24,7 @@ const ActionButton = ({type = '', status, ...props}) => {
 };
 
 ActionButton.propTypes = {
-  status: PropTypes.string
+  active: PropTypes.bool
 };
 
 export default ActionButton;
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/Comment.js b/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
index 0fdf435bd..4b4430192 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
+++ b/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
@@ -66,14 +66,18 @@ const Comment = ({actions = [], comment, ...props}) => {
           <div className={styles.sideActions}>
             {links ? <span className={styles.hasLinks}><Icon name='error_outline'/> Contains Link</span> : null}
             <div className={`actions ${styles.actions}`}>
-              {actions.map((action, i) =>
-                <ActionButton key={i}
-                              type={action}
-                              user={comment.user}
-                              status={comment.status}
-                              acceptComment={() => props.acceptComment({commentId: comment.id})}
-                              rejectComment={() => props.rejectComment({commentId: comment.id})}
-                />
+              {actions.map((action, i) => {
+                const active = (action === 'REJECT' && comment.status === 'REJECTED') ||
+                               (action === 'APPROVE' && comment.status === 'ACCEPTED');
+                return (<ActionButton key={i}
+                  type={action}
+                  user={comment.user}
+                  status={comment.status}
+                  active={active}
+                  acceptComment={() => props.acceptComment({commentId: comment.id})}
+                  rejectComment={() => props.rejectComment({commentId: comment.id})}
+                />);
+              }
               )}
             </div>
           </div>

From 32dd554331c73ba55145e06c73644b9d19e428e8 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Mon, 1 May 2017 10:30:18 -0600
Subject: [PATCH 18/33] load more comments if the mod has moderated them all
 and there are more availabile

---
 .../ModerationQueue/ModerationQueue.js        | 106 ++++++++++--------
 .../ModerationQueue/components/Comment.js     |   8 +-
 .../ModerationQueue/components/LoadMore.js    |  11 +-
 3 files changed, 71 insertions(+), 54 deletions(-)

diff --git a/client/coral-admin/src/containers/ModerationQueue/ModerationQueue.js b/client/coral-admin/src/containers/ModerationQueue/ModerationQueue.js
index f986b947b..c4bf0f85c 100644
--- a/client/coral-admin/src/containers/ModerationQueue/ModerationQueue.js
+++ b/client/coral-admin/src/containers/ModerationQueue/ModerationQueue.js
@@ -9,51 +9,67 @@ import translations from 'coral-admin/src/translations';
 import LoadMore from './components/LoadMore';
 
 const lang = new I18n(translations);
-const ModerationQueue = ({comments, selectedIndex, commentCount, singleView, loadMore, activeTab, sort, ...props}) => {
-  return (
-    <div id="moderationList" className={`${styles.list} ${singleView ? styles.singleView : ''}`}>
-      <ul style={{paddingLeft: 0}}>
-      {
-        comments.length
-        ? comments.map((comment, i) => {
-          const status = comment.action_summaries ? 'FLAGGED' : comment.status;
-          return <Comment
-            key={i}
-            index={i}
-            comment={comment}
-            selected={i === selectedIndex}
-            suspectWords={props.suspectWords}
-            bannedWords={props.bannedWords}
-            actions={actionsMap[status]}
-            showBanUserDialog={props.showBanUserDialog}
-            acceptComment={props.acceptComment}
-            rejectComment={props.rejectComment}
-            currentAsset={props.currentAsset}
-          />;
-        })
-        : <EmptyCard>{lang.t('modqueue.emptyqueue')}</EmptyCard>
-      }
-      </ul>
-      <LoadMore
-        comments={comments}
-        loadMore={loadMore}
-        sort={sort}
-        tab={activeTab}
-        showLoadMore={comments.length < commentCount}
-        assetId={props.assetId}
-        />
-    </div>
-  );
-};
+class ModerationQueue extends React.Component {
 
-ModerationQueue.propTypes = {
-  bannedWords: PropTypes.arrayOf(PropTypes.string).isRequired,
-  suspectWords: PropTypes.arrayOf(PropTypes.string).isRequired,
-  currentAsset: PropTypes.object,
-  showBanUserDialog: PropTypes.func.isRequired,
-  rejectComment: PropTypes.func.isRequired,
-  acceptComment: PropTypes.func.isRequired,
-  comments: PropTypes.array.isRequired
-};
+  static propTypes = {
+    bannedWords: PropTypes.arrayOf(PropTypes.string).isRequired,
+    suspectWords: PropTypes.arrayOf(PropTypes.string).isRequired,
+    currentAsset: PropTypes.object,
+    showBanUserDialog: PropTypes.func.isRequired,
+    rejectComment: PropTypes.func.isRequired,
+    acceptComment: PropTypes.func.isRequired,
+    comments: PropTypes.array.isRequired
+  }
+
+  componentDidUpdate (prev) {
+    const {loadMore, comments, commentCount, sort, activeTab: tab, assetId: asset_id} = this.props;
+
+    // if the user just moderated the last (visible) comment
+    // AND there are more comments available on the server,
+    // go ahead and load more comments
+    if (prev.comments.length > 0 && comments.length === 0 && commentCount > 0) {
+      loadMore({sort, tab, asset_id});
+    }
+  }
+
+  render () {
+    const {comments, selectedIndex, commentCount, singleView, loadMore, activeTab, sort, ...props} = this.props;
+
+    return (
+      <div id="moderationList" className={`${styles.list} ${singleView ? styles.singleView : ''}`}>
+        <ul style={{paddingLeft: 0}}>
+          {
+            comments.length
+            ? comments.map((comment, i) => {
+              const status = comment.action_summaries ? 'FLAGGED' : comment.status;
+              return <Comment
+                key={i}
+                index={i}
+                comment={comment}
+                selected={i === selectedIndex}
+                suspectWords={props.suspectWords}
+                bannedWords={props.bannedWords}
+                actions={actionsMap[status]}
+                showBanUserDialog={props.showBanUserDialog}
+                acceptComment={props.acceptComment}
+                rejectComment={props.rejectComment}
+                currentAsset={props.currentAsset}
+                />;
+            })
+            : <EmptyCard>{lang.t('modqueue.emptyqueue')}</EmptyCard>
+          }
+        </ul>
+        <LoadMore
+          comments={comments}
+          loadMore={loadMore}
+          sort={sort}
+          tab={activeTab}
+          showLoadMore={comments.length < commentCount}
+          assetId={props.assetId}
+          />
+      </div>
+    );
+  }
+}
 
 export default ModerationQueue;
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/Comment.js b/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
index 4b4430192..e5afd9726 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
+++ b/client/coral-admin/src/containers/ModerationQueue/components/Comment.js
@@ -69,16 +69,14 @@ const Comment = ({actions = [], comment, ...props}) => {
               {actions.map((action, i) => {
                 const active = (action === 'REJECT' && comment.status === 'REJECTED') ||
                                (action === 'APPROVE' && comment.status === 'ACCEPTED');
-                return (<ActionButton key={i}
+                return <ActionButton key={i}
                   type={action}
                   user={comment.user}
                   status={comment.status}
                   active={active}
                   acceptComment={() => props.acceptComment({commentId: comment.id})}
-                  rejectComment={() => props.rejectComment({commentId: comment.id})}
-                />);
-              }
-              )}
+                  rejectComment={() => props.rejectComment({commentId: comment.id})} />;
+              })}
             </div>
           </div>
         </div>
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js b/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js
index f16635486..c90d3cd14 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js
+++ b/client/coral-admin/src/containers/ModerationQueue/components/LoadMore.js
@@ -7,13 +7,16 @@ const LoadMore = ({comments, loadMore, sort, tab, assetId, showLoadMore}) =>
     {
       showLoadMore && <Button
         className={styles.loadMore}
-        onClick={() =>
-          loadMore({
-            cursor: comments[comments.length - 1].created_at,
+        onClick={() => {
+          const lastComment = comments[comments.length - 1];
+          const cursor = lastComment ? lastComment.created_at : null;
+          return loadMore({
+            cursor,
             sort,
             tab,
             asset_id: assetId
-          })}>
+          });
+        }}>
         Load More
       </Button>
     }

From b7d311367780246c203f3700ba8cb6371b6fb0ff Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Tue, 2 May 2017 15:18:48 -0600
Subject: [PATCH 19/33] apparently you can't make a fragment on RootQuery

---
 .../src/containers/Dashboard/FlagWidget.js    |  2 +-
 .../fragments/assetMetricsView.graphql        |  1 -
 .../src/graphql/fragments/counts.graphql      | 22 ------------------
 .../graphql/queries/getQueueCounts.graphql    | 23 ++++++++++++++++---
 .../src/graphql/queries/modQueueQuery.graphql | 22 ++++++++++++++++--
 .../src/services/fragmentMatcher.js           |  2 ++
 test/server/graph/loaders/metrics.js          |  1 -
 7 files changed, 43 insertions(+), 30 deletions(-)
 delete mode 100644 client/coral-admin/src/graphql/fragments/counts.graphql

diff --git a/client/coral-admin/src/containers/Dashboard/FlagWidget.js b/client/coral-admin/src/containers/Dashboard/FlagWidget.js
index 92de6c4d2..ea72cddc6 100644
--- a/client/coral-admin/src/containers/Dashboard/FlagWidget.js
+++ b/client/coral-admin/src/containers/Dashboard/FlagWidget.js
@@ -21,7 +21,7 @@ const FlagWidget = ({assets}) => {
           ? assets.map(asset => {
             let flagSummary = null;
             if (asset.action_summaries) {
-              flagSummary = asset.action_summaries.find(s => s.type === 'FlagAssetActionSummary');
+              flagSummary = asset.action_summaries.find(s => s.__typename === 'FlagAssetActionSummary');
             }
 
             return (
diff --git a/client/coral-admin/src/graphql/fragments/assetMetricsView.graphql b/client/coral-admin/src/graphql/fragments/assetMetricsView.graphql
index c77fbc32b..726194143 100644
--- a/client/coral-admin/src/graphql/fragments/assetMetricsView.graphql
+++ b/client/coral-admin/src/graphql/fragments/assetMetricsView.graphql
@@ -6,7 +6,6 @@ fragment metrics on Asset {
   created_at
   commentCount
   action_summaries {
-    type: __typename
     actionCount
     actionableItemCount
   }
diff --git a/client/coral-admin/src/graphql/fragments/counts.graphql b/client/coral-admin/src/graphql/fragments/counts.graphql
deleted file mode 100644
index eb00be4da..000000000
--- a/client/coral-admin/src/graphql/fragments/counts.graphql
+++ /dev/null
@@ -1,22 +0,0 @@
-fragment counts on RootQuery {
-  allCount: commentCount(query: {
-    asset_id: $asset_id
-  })
-  acceptedCount: commentCount(query: {
-    statuses: [ACCEPTED],
-    asset_id: $asset_id
-  })
-  premodCount: commentCount(query: {
-    statuses: [PREMOD],
-    asset_id: $asset_id
-  })
-  rejectedCount: commentCount(query: {
-     statuses: [REJECTED],
-     asset_id: $asset_id
-  })
-  flaggedCount: commentCount(query: {
-    action_type: FLAG,
-    asset_id: $asset_id,
-    statuses: [NONE, PREMOD]
-  })
-}
diff --git a/client/coral-admin/src/graphql/queries/getQueueCounts.graphql b/client/coral-admin/src/graphql/queries/getQueueCounts.graphql
index a527c2538..4a7c00d87 100644
--- a/client/coral-admin/src/graphql/queries/getQueueCounts.graphql
+++ b/client/coral-admin/src/graphql/queries/getQueueCounts.graphql
@@ -1,5 +1,22 @@
-#import "../fragments/counts.graphql"
-
 query Counts ($asset_id: ID) {
-  ...counts
+  allCount: commentCount(query: {
+    asset_id: $asset_id
+  })
+  acceptedCount: commentCount(query: {
+    statuses: [ACCEPTED],
+    asset_id: $asset_id
+  })
+  premodCount: commentCount(query: {
+    statuses: [PREMOD],
+    asset_id: $asset_id
+  })
+  rejectedCount: commentCount(query: {
+     statuses: [REJECTED],
+     asset_id: $asset_id
+  })
+  flaggedCount: commentCount(query: {
+    action_type: FLAG,
+    asset_id: $asset_id,
+    statuses: [NONE, PREMOD]
+  })
 }
diff --git a/client/coral-admin/src/graphql/queries/modQueueQuery.graphql b/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
index 9250ba793..80dec5ff7 100644
--- a/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
+++ b/client/coral-admin/src/graphql/queries/modQueueQuery.graphql
@@ -1,5 +1,4 @@
 #import "../fragments/commentView.graphql"
-#import "../fragments/counts.graphql"
 
 query ModQueue ($asset_id: ID, $sort: SORT_ORDER) {
     all: comments(query: {
@@ -43,5 +42,24 @@ query ModQueue ($asset_id: ID, $sort: SORT_ORDER) {
       title
       url
     }
-    ...counts
+    allCount: commentCount(query: {
+      asset_id: $asset_id
+    })
+    acceptedCount: commentCount(query: {
+      statuses: [ACCEPTED],
+      asset_id: $asset_id
+    })
+    premodCount: commentCount(query: {
+      statuses: [PREMOD],
+      asset_id: $asset_id
+    })
+    rejectedCount: commentCount(query: {
+       statuses: [REJECTED],
+       asset_id: $asset_id
+    })
+    flaggedCount: commentCount(query: {
+      action_type: FLAG,
+      asset_id: $asset_id,
+      statuses: [NONE, PREMOD]
+    })
 }
diff --git a/client/coral-admin/src/services/fragmentMatcher.js b/client/coral-admin/src/services/fragmentMatcher.js
index afb87d445..c825ff5b5 100644
--- a/client/coral-admin/src/services/fragmentMatcher.js
+++ b/client/coral-admin/src/services/fragmentMatcher.js
@@ -37,6 +37,7 @@ const fm = new IntrospectionFragmentMatcher({
           kind: 'INTERFACE',
           name: 'Action',
           possibleTypes: [
+            {name: 'DefaultAction'},
             {name: 'FlagAction'},
             {name: 'LikeAction'},
             {name: 'DontAgreeAction'}
@@ -46,6 +47,7 @@ const fm = new IntrospectionFragmentMatcher({
           kind: 'INTERFACE',
           name: 'ActionSummary',
           possibleTypes: [
+            {name: 'DefaultActionSummary'},
             {name: 'FlagActionSummary'},
             {name: 'LikeActionSummary'},
             {name: 'DontAgreeActionSummary'}
diff --git a/test/server/graph/loaders/metrics.js b/test/server/graph/loaders/metrics.js
index f095e201f..2e2408615 100644
--- a/test/server/graph/loaders/metrics.js
+++ b/test/server/graph/loaders/metrics.js
@@ -78,7 +78,6 @@ describe('graph.loaders.Metrics', () => {
       fragment metrics on Asset {
         id
         action_summaries {
-          type: __typename
           actionCount
           actionableItemCount
         }

From e60bcb9cafe59172be7874c4cc1135ae51e70675 Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Tue, 2 May 2017 15:58:57 -0600
Subject: [PATCH 20/33] make sure load more on approve/reject queues doesn't
 cause a bug

---
 client/coral-admin/src/graphql/queries/index.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index 64bf096ba..7b6985cba 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -63,13 +63,21 @@ export const loadMore = (fetchMore) => ({limit, cursor, sort, tab, asset_id}) =>
       asset_id
     },
     updateQuery: (oldData, {fetchMoreResult:{comments}}) => {
-      return {
+      const updatedData = {
         ...oldData,
         [tab]: [
           ...oldData[tab],
           ...comments
         ]
       };
+
+      // if we're not in the all tab, put the new comments in there anyway
+      // this way the acceptComment and rejectComment mutations don't break
+      if (tab !== 'all') {
+        updatedData.all = [...updatedData.all, ...comments];
+      }
+
+      return updatedData;
     }
   });
 };

From 324e82c070aa41f34d7095c89bd27552ff615a29 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Wed, 3 May 2017 10:20:03 -0600
Subject: [PATCH 21/33] not pretty, but it works

---
 .../src/graphql/mutations/index.js            | 30 +++++++++++++++++--
 .../coral-admin/src/graphql/queries/index.js  |  6 ----
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/client/coral-admin/src/graphql/mutations/index.js b/client/coral-admin/src/graphql/mutations/index.js
index 4d62201d1..684a60372 100644
--- a/client/coral-admin/src/graphql/mutations/index.js
+++ b/client/coral-admin/src/graphql/mutations/index.js
@@ -54,7 +54,20 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            const comment = oldData.all.find(c => c.id === commentId);
+            let comment = oldData.all.find(c => c.id === commentId);
+
+            if (!comment) {
+              comment = oldData.premod.find(c => c.id === commentId);
+            }
+
+            if (!comment) {
+              comment = oldData.flagged.find(c => c.id === commentId);
+            }
+
+            if (!comment) {
+              comment = oldData.rejected.find(c => c.id === commentId);
+            }
+
             let accepted;
             let acceptedCount = oldData.acceptedCount;
 
@@ -97,7 +110,20 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            const comment = oldData.all.find(c => c.id === commentId);
+            let comment = oldData.all.find(c => c.id === commentId);
+
+            if (!comment) {
+              comment = oldData.premod.find(c => c.id === commentId);
+            }
+
+            if (!comment) {
+              comment = oldData.flagged.find(c => c.id === commentId);
+            }
+
+            if (!comment) {
+              comment = oldData.accepted.find(c => c.id === commentId);
+            }
+
             let rejected;
             let rejectedCount = oldData.rejectedCount;
 
diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index 7b6985cba..c251e5759 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -71,12 +71,6 @@ export const loadMore = (fetchMore) => ({limit, cursor, sort, tab, asset_id}) =>
         ]
       };
 
-      // if we're not in the all tab, put the new comments in there anyway
-      // this way the acceptComment and rejectComment mutations don't break
-      if (tab !== 'all') {
-        updatedData.all = [...updatedData.all, ...comments];
-      }
-
       return updatedData;
     }
   });

From c78e00711a61f3e9e2426328d5e63d688105b7ee Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Wed, 3 May 2017 10:54:52 -0600
Subject: [PATCH 22/33] remove if statements

---
 .../src/graphql/mutations/index.js            | 39 ++++++-------------
 1 file changed, 12 insertions(+), 27 deletions(-)

diff --git a/client/coral-admin/src/graphql/mutations/index.js b/client/coral-admin/src/graphql/mutations/index.js
index 684a60372..9c72d184a 100644
--- a/client/coral-admin/src/graphql/mutations/index.js
+++ b/client/coral-admin/src/graphql/mutations/index.js
@@ -54,20 +54,12 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            let comment = oldData.all.find(c => c.id === commentId);
-
-            if (!comment) {
-              comment = oldData.premod.find(c => c.id === commentId);
-            }
-
-            if (!comment) {
-              comment = oldData.flagged.find(c => c.id === commentId);
-            }
-
-            if (!comment) {
-              comment = oldData.rejected.find(c => c.id === commentId);
-            }
-
+            let comment = [
+              ...oldData.all,
+              ...oldData.premod,
+              ...oldData.flagged,
+              ...oldData.rejected
+            ].find(c => c.id === commentId);
             let accepted;
             let acceptedCount = oldData.acceptedCount;
 
@@ -110,19 +102,12 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            let comment = oldData.all.find(c => c.id === commentId);
-
-            if (!comment) {
-              comment = oldData.premod.find(c => c.id === commentId);
-            }
-
-            if (!comment) {
-              comment = oldData.flagged.find(c => c.id === commentId);
-            }
-
-            if (!comment) {
-              comment = oldData.accepted.find(c => c.id === commentId);
-            }
+            let comment = [
+              ...oldData.all,
+              ...oldData.premod,
+              ...oldData.flagged,
+              ...oldData.accepted
+            ].find(c => c.id === commentId);
 
             let rejected;
             let rejectedCount = oldData.rejectedCount;

From 354b51b4fe51f0670834af3c50d9c31149170be4 Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Wed, 3 May 2017 11:14:21 -0600
Subject: [PATCH 23/33] use a reduce instead

---
 .../src/graphql/mutations/index.js            | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/client/coral-admin/src/graphql/mutations/index.js b/client/coral-admin/src/graphql/mutations/index.js
index 9c72d184a..fdb82db9a 100644
--- a/client/coral-admin/src/graphql/mutations/index.js
+++ b/client/coral-admin/src/graphql/mutations/index.js
@@ -44,6 +44,7 @@ export const suspendUser = graphql(SUSPEND_USER, {
   })
 });
 
+const views = ['all', 'premod', 'flagged', 'accepted', 'rejected'];
 export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
   props: ({mutate}) => ({
     acceptComment: ({commentId}) => {
@@ -54,12 +55,9 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            let comment = [
-              ...oldData.all,
-              ...oldData.premod,
-              ...oldData.flagged,
-              ...oldData.rejected
-            ].find(c => c.id === commentId);
+            const comment = views.reduce((comment, view) => {
+              return comment ? comment : oldData[view].find(c => c.id === commentId);
+            }, null);
             let accepted;
             let acceptedCount = oldData.acceptedCount;
 
@@ -102,13 +100,9 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
         },
         updateQueries: {
           ModQueue: (oldData) => {
-            let comment = [
-              ...oldData.all,
-              ...oldData.premod,
-              ...oldData.flagged,
-              ...oldData.accepted
-            ].find(c => c.id === commentId);
-
+            const comment = views.reduce((comment, view) => {
+              return comment ? comment : oldData[view].find(c => c.id === commentId);
+            }, null);
             let rejected;
             let rejectedCount = oldData.rejectedCount;
 

From 32fb0714ce4c8c6d675536726d556bd3ba319f1f Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Wed, 3 May 2017 15:37:56 -0300
Subject: [PATCH 24/33] updated tests

---
 test/server/graph/loaders/metrics.js | 43 +++++++++-------------------
 1 file changed, 13 insertions(+), 30 deletions(-)

diff --git a/test/server/graph/loaders/metrics.js b/test/server/graph/loaders/metrics.js
index f095e201f..3585b1fbb 100644
--- a/test/server/graph/loaders/metrics.js
+++ b/test/server/graph/loaders/metrics.js
@@ -15,9 +15,6 @@ describe('graph.loaders.Metrics', () => {
   describe('#Comments', () => {
     const query = `
       query CommentMetrics($from: Date!, $to: Date!) {
-        liked: commentMetrics(from: $from, to: $to, sort: LIKE) {
-          id
-        }
         flagged: commentMetrics(from: $from, to: $to, sort: FLAG) {
           id
         }
@@ -33,26 +30,21 @@ describe('graph.loaders.Metrics', () => {
       ]));
 
       [
-        {liked: 0, flagged: 0, actions: []},
-        {liked: 1, flagged: 0, actions: [{action_type: 'LIKE', item_id: '1', item_type: 'COMMENTS'}]},
-        {liked: 0, flagged: 1, actions: [{action_type: 'FLAG', item_id: '1', item_type: 'COMMENTS'}]},
-        {liked: 1, flagged: 1, actions: [
+        {flagged: 0, actions: []},
+        {flagged: 1, actions: [{action_type: 'FLAG', item_id: '1', item_type: 'COMMENTS'}]},
+        {flagged: 1, actions: [
           {action_type: 'FLAG', item_id: '1', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: '1', item_type: 'COMMENTS'}
         ]},
-        {liked: 3, flagged: 1, actions: [
-          {action_type: 'LIKE', item_id: '1', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: '2', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: '3', item_type: 'COMMENTS'},
+        {flagged: 1, actions: [
           {action_type: 'FLAG', item_id: '3', item_type: 'COMMENTS'}
         ]}
-      ].forEach(({liked, flagged, actions}) => {
+      ].forEach(({flagged, actions}) => {
 
         describe(`with actions=${actions.length}`, () => {
 
           beforeEach(() => ActionModel.create(actions));
 
-          it(`returns the correct amount of metrics liked=${liked} flagged=${flagged}`, () => {
+          it(`returns the correct amount of metrics flagged=${flagged}`, () => {
             const context = new Context({user: new UserModel({roles: ['ADMIN']})});
 
             return graphql(schema, query, {}, context, {
@@ -60,8 +52,8 @@ describe('graph.loaders.Metrics', () => {
               to: (new Date()).setMinutes((new Date()).getMinutes() + 5)
             })
               .then(({data, errors}) => {
+              console.log(errors)
                 expect(errors).to.be.undefined;
-                expect(data.liked).to.have.length(liked);
                 expect(data.flagged).to.have.length(flagged);
               });
           });
@@ -88,9 +80,6 @@ describe('graph.loaders.Metrics', () => {
         assetsByFlag: assetMetrics(from: $from, to: $to, sort: FLAG) {
           ...metrics
         }
-        assetsByLike: assetMetrics(from: $from, to: $to, sort: LIKE) {
-          ...metrics
-        }
       }
     `;
 
@@ -109,26 +98,21 @@ describe('graph.loaders.Metrics', () => {
       ]));
 
       [
-        {liked: 0, flagged: 0, actions: []},
-        {liked: 1, flagged: 0, actions: [{action_type: 'LIKE', item_id: 'c1', item_type: 'COMMENTS'}]},
-        {liked: 0, flagged: 1, actions: [{action_type: 'FLAG', item_id: 'c1', item_type: 'COMMENTS'}]},
-        {liked: 1, flagged: 1, actions: [
+        {flagged: 0, actions: []},
+        {flagged: 1, actions: [{action_type: 'FLAG', item_id: 'c1', item_type: 'COMMENTS'}]},
+        {flagged: 1, actions: [
           {action_type: 'FLAG', item_id: 'c1', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: 'c1', item_type: 'COMMENTS'}
         ]},
-        {liked: 1, flagged: 1, actions: [
-          {action_type: 'LIKE', item_id: 'c1', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: 'c2', item_type: 'COMMENTS'},
-          {action_type: 'LIKE', item_id: 'c3', item_type: 'COMMENTS'},
+        {flagged: 1, actions: [
           {action_type: 'FLAG', item_id: 'c3', item_type: 'COMMENTS'}
         ]}
-      ].forEach(({liked, flagged, actions}) => {
+      ].forEach(({flagged, actions}) => {
 
         describe(`with actions=${actions.length}`, () => {
 
           beforeEach(() => ActionModel.create(actions));
 
-          it(`returns the correct amount of metrics liked=${liked} flagged=${flagged}`, () => {
+          it(`returns the correct amount of metrics flagged=${flagged}`, () => {
             const context = new Context({user: new UserModel({roles: ['ADMIN']})});
 
             return graphql(schema, query, {}, context, {
@@ -137,7 +121,6 @@ describe('graph.loaders.Metrics', () => {
             })
               .then(({data, errors}) => {
                 expect(errors).to.be.undefined;
-                expect(data.assetsByLike).to.have.length(liked);
                 expect(data.assetsByFlag).to.have.length(flagged);
               });
           });

From 99b3d0021a87dcd384c7199e2b2833fe9eb41c6e Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Wed, 3 May 2017 15:45:31 -0300
Subject: [PATCH 25/33] Linting

---
 test/server/graph/loaders/metrics.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/server/graph/loaders/metrics.js b/test/server/graph/loaders/metrics.js
index 3585b1fbb..75eadaff8 100644
--- a/test/server/graph/loaders/metrics.js
+++ b/test/server/graph/loaders/metrics.js
@@ -52,7 +52,7 @@ describe('graph.loaders.Metrics', () => {
               to: (new Date()).setMinutes((new Date()).getMinutes() + 5)
             })
               .then(({data, errors}) => {
-              console.log(errors)
+                console.log(errors);
                 expect(errors).to.be.undefined;
                 expect(data.flagged).to.have.length(flagged);
               });

From 39bd0eca6f143b73f574abdd8a90eb1359d7d793 Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Wed, 3 May 2017 12:45:49 -0600
Subject: [PATCH 26/33] remove pointless change

---
 client/coral-admin/src/graphql/queries/index.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index c251e5759..64bf096ba 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -63,15 +63,13 @@ export const loadMore = (fetchMore) => ({limit, cursor, sort, tab, asset_id}) =>
       asset_id
     },
     updateQuery: (oldData, {fetchMoreResult:{comments}}) => {
-      const updatedData = {
+      return {
         ...oldData,
         [tab]: [
           ...oldData[tab],
           ...comments
         ]
       };
-
-      return updatedData;
     }
   });
 };

From 3c6391e741631c7758d377ceb1b5b8a19bb24031 Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Wed, 3 May 2017 12:49:22 -0600
Subject: [PATCH 27/33] count should never be less than 0

---
 .../coral-admin/src/graphql/mutations/index.js   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/coral-admin/src/graphql/mutations/index.js b/client/coral-admin/src/graphql/mutations/index.js
index fdb82db9a..6b21c8421 100644
--- a/client/coral-admin/src/graphql/mutations/index.js
+++ b/client/coral-admin/src/graphql/mutations/index.js
@@ -79,10 +79,10 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
 
             return {
               ...oldData,
-              premodCount,
-              flaggedCount,
-              acceptedCount,
-              rejectedCount,
+              premodCount: Math.max(0, premodCount),
+              flaggedCount: Math.max(0, flaggedCount),
+              acceptedCount: Math.max(0, acceptedCount),
+              rejectedCount: Math.max(0, rejectedCount),
               premod,
               flagged,
               accepted,
@@ -124,10 +124,10 @@ export const setCommentStatus = graphql(SET_COMMENT_STATUS, {
 
             return {
               ...oldData,
-              premodCount,
-              flaggedCount,
-              acceptedCount,
-              rejectedCount,
+              premodCount: Math.max(0, premodCount),
+              flaggedCount: Math.max(0, flaggedCount),
+              acceptedCount: Math.max(0, acceptedCount),
+              rejectedCount: Math.max(0, rejectedCount),
               premod,
               flagged,
               accepted,

From e993328dc43249a4816a1dd36fe851d9f38f361f Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Wed, 3 May 2017 13:15:29 -0600
Subject: [PATCH 28/33] load only flagged comments in mod queue load more

---
 .../coral-admin/src/graphql/queries/index.js  | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index 9d2357ce7..cc77faf5e 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -33,34 +33,34 @@ export const getMetrics = graphql(METRICS, {
   }
 });
 
-export const loadMore = (fetchMore) => ({limit, cursor, sort, tab, asset_id}) => {
-  let statuses;
+export const loadMore = (fetchMore) => ({limit = 10, cursor, sort, tab, asset_id}) => {
+  let variables = {
+    limit,
+    cursor,
+    sort,
+    asset_id
+  };
   switch(tab) {
   case 'all':
-    statuses = null;
+    variables.statuses = null;
     break;
   case 'accepted':
-    statuses = ['ACCEPTED'];
+    varaibles.statuses = ['ACCEPTED'];
     break;
   case 'premod':
-    statuses = ['PREMOD'];
+    variables.statuses = ['PREMOD'];
     break;
   case 'flagged':
-    statuses = ['NONE', 'PREMOD'];
+    variables.statuses = ['NONE', 'PREMOD'];
+    variables.action_type = 'FLAG';
     break;
   case 'rejected':
-    statuses = ['REJECTED'];
+    variables.statuses = ['REJECTED'];
     break;
   }
   return fetchMore({
     query: MOD_QUEUE_LOAD_MORE,
-    variables: {
-      limit,
-      cursor,
-      sort,
-      statuses,
-      asset_id
-    },
+    variables,
     updateQuery: (oldData, {fetchMoreResult:{comments}}) => {
       return {
         ...oldData,

From d9a46534845761eb508ce8e328d08ba2cfc37edd Mon Sep 17 00:00:00 2001
From: Wyatt Johnson <wyattjoh@gmail.com>
Date: Wed, 3 May 2017 13:31:57 -0600
Subject: [PATCH 29/33] Removed LikeAction from core typeName interface
 resolver

---
 graph/resolvers/action.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/graph/resolvers/action.js b/graph/resolvers/action.js
index 1bb8d077e..393024fe1 100644
--- a/graph/resolvers/action.js
+++ b/graph/resolvers/action.js
@@ -5,8 +5,6 @@ const Action = {
       return 'DontAgreeAction';
     case 'FLAG':
       return 'FlagAction';
-    case 'LIKE':
-      return 'LikeAction';
     }
   },
 

From c15c312c2cd783b8b3cb4a580e59a851b06e5393 Mon Sep 17 00:00:00 2001
From: riley <riley.davis@gmail.com>
Date: Wed, 3 May 2017 13:35:33 -0600
Subject: [PATCH 30/33] typo

---
 client/coral-admin/src/graphql/queries/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/coral-admin/src/graphql/queries/index.js b/client/coral-admin/src/graphql/queries/index.js
index cc77faf5e..68e5ae252 100644
--- a/client/coral-admin/src/graphql/queries/index.js
+++ b/client/coral-admin/src/graphql/queries/index.js
@@ -45,7 +45,7 @@ export const loadMore = (fetchMore) => ({limit = 10, cursor, sort, tab, asset_id
     variables.statuses = null;
     break;
   case 'accepted':
-    varaibles.statuses = ['ACCEPTED'];
+    variables.statuses = ['ACCEPTED'];
     break;
   case 'premod':
     variables.statuses = ['PREMOD'];

From 1cecad4d321003de052aac75c57a6a2ad938a5de Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Wed, 3 May 2017 14:13:58 -0600
Subject: [PATCH 31/33] action_type must be passed to the load more query

---
 client/coral-admin/src/graphql/queries/loadMore.graphql | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/coral-admin/src/graphql/queries/loadMore.graphql b/client/coral-admin/src/graphql/queries/loadMore.graphql
index 56966a804..a42c7b2bf 100644
--- a/client/coral-admin/src/graphql/queries/loadMore.graphql
+++ b/client/coral-admin/src/graphql/queries/loadMore.graphql
@@ -1,7 +1,7 @@
 #import "../fragments/commentView.graphql"
 
-query LoadMoreModQueue($limit: Int = 10, $cursor: Date, $sort: SORT_ORDER, $asset_id: ID, $statuses:[COMMENT_STATUS!]) {
-  comments(query: {limit: $limit, cursor: $cursor, asset_id: $asset_id, statuses: $statuses, sort: $sort}) {
+query LoadMoreModQueue($limit: Int = 10, $cursor: Date, $sort: SORT_ORDER, $asset_id: ID, $statuses:[COMMENT_STATUS!], $action_type: ACTION_TYPE) {
+  comments(query: {limit: $limit, cursor: $cursor, asset_id: $asset_id, statuses: $statuses, sort: $sort, action_type: $action_type}) {
     ...commentView
     action_summaries {
       count

From 7ccf9552c20d4de935a23d6a202bce55cac4f811 Mon Sep 17 00:00:00 2001
From: Wyatt Johnson <wyattjoh@gmail.com>
Date: Fri, 5 May 2017 13:14:34 -0600
Subject: [PATCH 32/33] Added privacy fix

---
 models/user.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/models/user.js b/models/user.js
index dd30e8033..458ac68f0 100644
--- a/models/user.js
+++ b/models/user.js
@@ -136,6 +136,14 @@ const UserSchema = new mongoose.Schema({
   timestamps: {
     createdAt: 'created_at',
     updatedAt: 'updated_at'
+  },
+
+  toJSON: {
+    transform: function (doc, ret) {
+      delete ret.password;
+      delete ret._id;
+      delete ret.__v;
+    }
   }
 });
 

From f8e8eef989d125925adec83744c406409b24a3ff Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Fri, 5 May 2017 14:05:52 -0600
Subject: [PATCH 33/33] float: right; in css is just fine.

---
 .../coral-configure/components/ConfigureCommentStream.css   | 6 ++----
 client/coral-configure/components/ConfigureCommentStream.js | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/client/coral-configure/components/ConfigureCommentStream.css b/client/coral-configure/components/ConfigureCommentStream.css
index 335c94377..a8cbc36cb 100644
--- a/client/coral-configure/components/ConfigureCommentStream.css
+++ b/client/coral-configure/components/ConfigureCommentStream.css
@@ -3,10 +3,8 @@
 }
 
 .apply {
-  position: absolute;
-  top: 38%;
-  transform: translateX(-50%);
-  right: 0;
+  float: right;
+  margin: 0 10px;
 }
 
 .wrapper ul {
diff --git a/client/coral-configure/components/ConfigureCommentStream.js b/client/coral-configure/components/ConfigureCommentStream.js
index bef53e1ef..6c00b5996 100644
--- a/client/coral-configure/components/ConfigureCommentStream.js
+++ b/client/coral-configure/components/ConfigureCommentStream.js
@@ -12,7 +12,6 @@ export default ({handleChange, handleApply, changed, ...props}) => (
     <div className={styles.wrapper}>
       <div className={styles.container}>
         <h3>{lang.t('configureCommentStream.title')}</h3>
-        <p>{lang.t('configureCommentStream.description')}</p>
         <Button
           type="submit"
           className={styles.apply}
@@ -20,6 +19,7 @@ export default ({handleChange, handleApply, changed, ...props}) => (
           cStyle={changed ? 'green' : 'darkGrey'} >
           {lang.t('configureCommentStream.apply')}
         </Button>
+        <p>{lang.t('configureCommentStream.description')}</p>
       </div>
       <ul>
         <li>