From 40f4419c9de896213a3574536f4606abe9ebb00d Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Tue, 11 Jul 2017 21:04:19 +0700
Subject: [PATCH] Add flagged unflagged CSS classnames

---
 client/coral-embed-stream/src/components/Embed.js  | 4 ++--
 client/coral-plugin-flags/components/FlagButton.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/coral-embed-stream/src/components/Embed.js b/client/coral-embed-stream/src/components/Embed.js
index a98dbf976..98137624f 100644
--- a/client/coral-embed-stream/src/components/Embed.js
+++ b/client/coral-embed-stream/src/components/Embed.js
@@ -42,7 +42,7 @@ export default class Embed extends React.Component {
 
     return (
       <div className={cn('talk-embed-stream', {'talk-embed-stream-highlight-comment': hasHighlightedComment})}>
-        <TabBar onChange={this.changeTab} activeTab={activeTab} className='talk-embed-stream-tabbar'>
+        <TabBar onChange={this.changeTab} activeTab={activeTab} className='talk-embed-stream-tab-bar'>
           <Tab className={'talk-embed-stream-comments-tab'} id='stream'><Count count={totalCommentCount}/></Tab>
           <Tab className={'talk-embed-stream-profile-tab'} id='profile'>{t('framework.my_profile')}</Tab>
           <Tab className={'talk-embed-stream-configuration-tab'} id='config' restricted={!can(user, 'UPDATE_CONFIG')}>
@@ -54,7 +54,7 @@ export default class Embed extends React.Component {
             cStyle="darkGrey"
             style={{float: 'right'}}
             onClick={viewAllComments}
-            className={'talk-embed-stream-show-all-comments-button'}
+            className={'talk-stream-show-all-comments-button'}
           >
             {t('framework.show_all_comments')}
           </Button>}
diff --git a/client/coral-plugin-flags/components/FlagButton.js b/client/coral-plugin-flags/components/FlagButton.js
index 25fcf21a9..33499e83d 100644
--- a/client/coral-plugin-flags/components/FlagButton.js
+++ b/client/coral-plugin-flags/components/FlagButton.js
@@ -148,7 +148,7 @@ export default class FlagButton extends Component {
           <button
             ref={(ref) => this.flagButton = ref}
             onClick={!this.props.banned && !flaggedByCurrentUser && !localPost ? this.onReportClick : null}
-            className={cn(`${name}-button`, styles.button)}>
+            className={cn(`${name}-button`, {[`${name}-button-flagged`]: flagged}, styles.button)}>
             {
               flagged
               ? <span className={`${name}-button-text`}>{t('reported')}</span>