From 0d56ab49ea13b553298eb0a04261a9c6af9c4f94 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Mon, 15 Apr 2019 11:43:07 +0200
Subject: [PATCH] Fix sidebar topic theme

---
 app/src/components/Sidebar/Topic.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/src/components/Sidebar/Topic.tsx b/app/src/components/Sidebar/Topic.tsx
index 8306d2e..fd6427c 100644
--- a/app/src/components/Sidebar/Topic.tsx
+++ b/app/src/components/Sidebar/Topic.tsx
@@ -26,7 +26,7 @@ const styles: StyleRulesCallback<string> = (theme: Theme) => ({
 
 class Topic extends React.Component<Props, {}> {
   public render() {
-    const { node } = this.props
+    const { node, theme } = this.props
     if (!node) {
       return null
     }
@@ -40,7 +40,8 @@ class Topic extends React.Component<Props, {}> {
           <Button
             onClick={() => this.props.actions.selectTopic(edge!.target)}
             size="small"
-            color="secondary"
+            variant={theme.palette.type === 'light' ? 'contained' : undefined}
+            color={theme.palette.type === 'light' ? 'primary' : 'secondary'}
             className={this.props.classes.button}
             key={edge!.hash()}
           >
@@ -54,7 +55,7 @@ class Topic extends React.Component<Props, {}> {
     }
 
     const joinedBreadCrumps = breadCrumps.reduce((prev, current) =>
-      prev.concat([<span key={key += 1}>/</span>]).concat(current)
+      prev.concat([<span key={key += 1}> / </span>]).concat(current)
     )
 
     return <span style={{ lineHeight: '2.2em' }}>{joinedBreadCrumps}</span>