FE for the Staff Tag. Modifed typedfs graphql.

client/coral-embed-stream/src/Comment.js

@@ -21,6 +21,7 @@ import LikeButton from 'coral-plugin-likes/LikeButton';
 import styles from './Comment.css';
 
 const getAction = (type, comment) => comment.actions.filter((a) => a.type === type)[0];
+const isStaff = (tags) => !tags.every((t) => t.name !== 'STAFF') ;
 
 class Comment extends React.Component {
 
@@ -101,7 +102,7 @@ class Comment extends React.Component {
         <hr aria-hidden={true} />
         <AuthorName
           author={comment.user}/>
-        <TagLabel/>
+        <TagLabel isStaff={isStaff(comment.tags)}/>
         <PubDate created_at={comment.created_at} />
         <Content body={comment.body} />
           <div className="commentActionsLeft">

client/coral-plugin-tag-label/TagLabel.js

@@ -1,8 +1,9 @@
 import React from 'react';
-const name = 'coral-plugin-tag-label';
 
-const TagLabel = () => <div className={`${name  }-text`}>
-  oh yeah
+import styles from './styles.css';
+
+const TagLabel = ({isStaff}) => <div className={`${styles.staff}`}>
+  {(isStaff) ? 'Staff' : ''}
 </div>;
 
 export default TagLabel;

client/coral-plugin-tag-label/styles.css

@@ -1,5 +1,6 @@
-.tagLabel {
-  color: black;
+.staff {
+  background-color: #4C1066;
+  color: white;
   display: inline-block;
-  margin: 10px 0;
+  margin: 10px 10px;
 }

graph/typeDefs.graphql

@@ -27,6 +27,9 @@ input CommentsQuery {
   # limit the number of results to be returned.
   limit: Int = 10
 
+  # filter by a specific tag name.
+  tag: [String]
+
   # skip results from the last created_at timestamp.
   cursor: Date
 
@@ -65,7 +68,7 @@ type User {
 
 type Tag {
   # the actual tag for the comment.
-  name: COMMENT_TAG
+  name: String!
 
   # the user that assigned the tag. If NULL then the system automatically tagged it.
   assigned_by: String
@@ -179,11 +182,6 @@ type Asset {
   created_at: Date
 }
 
-enum COMMENT_TAG {
-  # For the comments submitted by staff members (ADMIN or MODERATOR users).
-  STAFF
-}
-
 enum COMMENT_STATUS {
   ACCEPTED
   REJECTED