From 12047d1ae157260cf3f8a1b12b722f14eebe9daf Mon Sep 17 00:00:00 2001
From: Ryan Yun <ryan.yun@dowjones.com>
Date: Wed, 27 Sep 2017 11:20:57 -0400
Subject: [PATCH] fix typo for dynamic class names for like and respect buttons

---
 plugins/talk-plugin-like/client/LikeButton.js       | 2 +-
 plugins/talk-plugin-respect/client/RespectButton.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/talk-plugin-like/client/LikeButton.js b/plugins/talk-plugin-like/client/LikeButton.js
index 3055fbdf5..cc65e0d58 100644
--- a/plugins/talk-plugin-like/client/LikeButton.js
+++ b/plugins/talk-plugin-like/client/LikeButton.js
@@ -35,7 +35,7 @@ class LikeButton extends React.Component {
     return (
       <div className={cn(styles.container, `${plugin}-container`)}>
         <button
-          className={cn(styles.button, {[styles.liked, 'talk-plugin-like-liked']: alreadyReacted}, `${plugin}-button`)}
+          className={cn(styles.button, {[`${styles.liked} talk-plugin-like-liked`]: alreadyReacted}, `${plugin}-button`)}
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>
diff --git a/plugins/talk-plugin-respect/client/RespectButton.js b/plugins/talk-plugin-respect/client/RespectButton.js
index 2bc7e455f..18bde9542 100644
--- a/plugins/talk-plugin-respect/client/RespectButton.js
+++ b/plugins/talk-plugin-respect/client/RespectButton.js
@@ -35,7 +35,7 @@ class RespectButton extends React.Component {
     return (
       <div className={cn(styles.container, `${plugin}-container`)}>
         <button
-          className={cn(styles.button, {[styles.respected, 'talk-plugin-respect-respected']: alreadyReacted}, `${plugin}-button`)}
+          className={cn(styles.button, {[`${styles.respected} talk-plugin-respect-respected`]: alreadyReacted}, `${plugin}-button`)}
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>