From a4efc15d58d0fb715e4a8f2df4c31869a33c3ddd Mon Sep 17 00:00:00 2001
From: Leon Liang <liang268@purdue.edu>
Date: Fri, 6 Dec 2019 02:23:28 -0500
Subject: [PATCH] allow follow topic only when following user

---
 twistter-frontend/src/pages/otherUser.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/twistter-frontend/src/pages/otherUser.js b/twistter-frontend/src/pages/otherUser.js
index 5c8b6da..c4e3be3 100644
--- a/twistter-frontend/src/pages/otherUser.js
+++ b/twistter-frontend/src/pages/otherUser.js
@@ -258,7 +258,7 @@ class user extends Component {
                 onDelete
                 deleteIcon={<DoneIcon />}
               />
-            ) : (
+            ) : this.state.following ? (
               <MyChip
                 label={topic}
                 key={{ topic }.topic.id} // BUG: this value is undefined
@@ -266,6 +266,12 @@ class user extends Component {
                 clickable
                 onClick={key => this.handleAdd(topic)}
               />
+            ) : (
+              <MyChip
+                label={topic}
+                key={{ topic }.topic.id} // BUG: this value is undefined
+                color="secondary"
+              />
             )
           ) : (
             <p></p>