From 3b049d2008179bae71d595364d8358a361c9b2c0 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <thomas.nordquist@viison.com>
Date: Sun, 20 Jan 2019 15:38:55 +0100
Subject: [PATCH] Add topic selection to topic drawer

---
 app/src/components/Sidebar/Topic.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/src/components/Sidebar/Topic.tsx b/app/src/components/Sidebar/Topic.tsx
index 75831a6..52cf301 100644
--- a/app/src/components/Sidebar/Topic.tsx
+++ b/app/src/components/Sidebar/Topic.tsx
@@ -2,12 +2,16 @@ import * as React from 'react'
 import * as q from '../../../../backend/src/Model'
 import Button from '@material-ui/core/Button'
 import { withStyles, Theme, StyleRulesCallback } from '@material-ui/core/styles'
+import { treeActions } from '../../actions'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
 
 interface Props {
   classes: any
   theme: Theme
   node?: q.TreeNode
   selected?: q.TreeNode
+  actions: typeof treeActions
   didSelectNode: (node: q.TreeNode) => void
 }
 
@@ -33,7 +37,7 @@ class Topic extends React.Component<Props, {}> {
       .map(edge =>
         [(
           <Button
-            onClick={() => this.setState({ node: edge!.target })}
+            onClick={() => this.props.actions.selectTopic(edge!.target)}
             size="small"
             color="secondary"
             className={this.props.classes.button}
@@ -56,4 +60,10 @@ class Topic extends React.Component<Props, {}> {
   }
 }
 
-export default withStyles(styles, { withTheme: true })(Topic)
+const mapDispatchToProps = (dispatch: any) => {
+  return {
+    actions: bindActionCreators(treeActions, dispatch),
+  }
+}
+
+export default connect(null, mapDispatchToProps)(withStyles(styles, { withTheme: true })(Topic))