From 300e518c2d38a3def6f70d7f0e076d966a49db7e Mon Sep 17 00:00:00 2001
From: okbel <curciobelen@gmail.com>
Date: Thu, 1 Mar 2018 14:39:25 -0300
Subject: [PATCH] Rolling back classes

---
 .../src/tabs/stream/components/DraftArea.js     | 17 ++++++++++++-----
 .../tabs/stream/components/DraftAreaContent.js  |  2 +-
 .../src/tabs/stream/containers/CommentBox.js    |  2 +-
 .../src/tabs/stream/containers/DraftArea.js     |  2 --
 test/e2e/page_objects/embedStream.js            |  4 ++--
 5 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/client/coral-embed-stream/src/tabs/stream/components/DraftArea.js b/client/coral-embed-stream/src/tabs/stream/components/DraftArea.js
index 9f62b38a5..728f90237 100644
--- a/client/coral-embed-stream/src/tabs/stream/components/DraftArea.js
+++ b/client/coral-embed-stream/src/tabs/stream/components/DraftArea.js
@@ -14,10 +14,15 @@ import styles from './DraftArea.css';
 export default class DraftArea extends React.Component {
   renderCharCount() {
     const { value, maxCharCount } = this.props;
-    const className = cn(styles.charCount, 'talk-commentbox-char-count', {
-      [`${styles.charMax} talk-commentbox-char-max`]:
-        value.length > maxCharCount,
-    });
+
+    const className = cn(
+      styles.charCount,
+      'talk-plugin-commentbox-char-count',
+      {
+        [`${styles.charMax} talk-plugin-commentbox-char-max`]:
+          value.length > maxCharCount,
+      }
+    );
     const remaining = maxCharCount - value.length;
 
     return (
@@ -52,7 +57,9 @@ export default class DraftArea extends React.Component {
 
     return (
       <div>
-        <div className={cn(styles.container, 'talk-commentbox-container')}>
+        <div
+          className={cn(styles.container, 'talk-plugin-commentbox-container')}
+        >
           <label htmlFor={id} className="screen-reader-text" aria-hidden={true}>
             {label}
           </label>
diff --git a/client/coral-embed-stream/src/tabs/stream/components/DraftAreaContent.js b/client/coral-embed-stream/src/tabs/stream/components/DraftAreaContent.js
index 0cc62912d..50a481f6f 100644
--- a/client/coral-embed-stream/src/tabs/stream/components/DraftAreaContent.js
+++ b/client/coral-embed-stream/src/tabs/stream/components/DraftAreaContent.js
@@ -12,7 +12,7 @@ const DraftAreaContent = ({
   disabled,
 }) => (
   <textarea
-    className={cn(styles.content, 'talk-commentbox-textarea')}
+    className={cn(styles.content, 'talk-plugin-commentbox-textarea')}
     value={value}
     placeholder={placeholder}
     id={id}
diff --git a/client/coral-embed-stream/src/tabs/stream/containers/CommentBox.js b/client/coral-embed-stream/src/tabs/stream/containers/CommentBox.js
index 9231254ac..c64fe525d 100644
--- a/client/coral-embed-stream/src/tabs/stream/containers/CommentBox.js
+++ b/client/coral-embed-stream/src/tabs/stream/containers/CommentBox.js
@@ -9,7 +9,7 @@ import CommentForm from '../containers/CommentForm';
 import { notifyForNewCommentStatus } from '../helpers';
 
 // TODO: (kiwi) Need to adapt CSS classes post refactor to match the rest.
-export const name = 'talk-commentbox';
+export const name = 'talk-plugin-commentbox';
 
 /**
  * Container for posting a new Comment
diff --git a/client/coral-embed-stream/src/tabs/stream/containers/DraftArea.js b/client/coral-embed-stream/src/tabs/stream/containers/DraftArea.js
index f61b43d66..561019115 100644
--- a/client/coral-embed-stream/src/tabs/stream/containers/DraftArea.js
+++ b/client/coral-embed-stream/src/tabs/stream/containers/DraftArea.js
@@ -82,8 +82,6 @@ DraftAreaContainer.propTypes = {
 
 const slots = ['draftArea'];
 
-console.log('spreaded fragment', getSlotFragmentSpreads(slots, 'comment'));
-
 export default withFragments({
   root: gql`
     fragment TalkEmbedStream_DraftArea_root on RootQuery {
diff --git a/test/e2e/page_objects/embedStream.js b/test/e2e/page_objects/embedStream.js
index ae0240125..fab864987 100644
--- a/test/e2e/page_objects/embedStream.js
+++ b/test/e2e/page_objects/embedStream.js
@@ -97,8 +97,8 @@ module.exports = {
       elements: {
         logoutButton: '.talk-stream-userbox-logout',
         signInButton: '#coralSignInButton',
-        commentBoxTextarea: '.talk-commentbox-textarea',
-        commentBoxPostButton: '.talk-commentbox-button',
+        commentBoxTextarea: '.talk-plugin-commentbox-textarea',
+        commentBoxPostButton: '.talk-plugin-commentbox-button',
         firstComment: '.talk-stream-comment.talk-stream-comment-level-0',
         firstCommentContent:
           '.talk-stream-comment.talk-stream-comment-level-0 .talk-stream-comment-content',