Make topics selectable

app/src/reducers/Connection.ts

@@ -2,10 +2,11 @@ import { Action } from 'redux'
 import { createReducer } from './lib'
 import * as q from '../../../backend/src/Model'
 import { MqttOptions } from '../../../backend/src/DataSource'
+import { TopicViewModel } from '../TopicViewModel'
 
 export interface ConnectionState {
   host?: string
-  tree?: q.Tree
+  tree?: q.Tree<TopicViewModel>
   connectionOptions?: MqttOptions
   connectionId?: string
   error?: string
@@ -30,7 +31,7 @@ export interface SetConnecting {
 export interface SetConnected {
   type: ActionTypes.CONNECTION_SET_CONNECTED
   host: string
-  tree: q.Tree
+  tree: q.Tree<TopicViewModel>
 }
 
 export interface SetDisconnected {

app/src/reducers/Tree.ts

@@ -1,10 +1,11 @@
 import * as q from '../../../backend/src/Model'
 import { Action } from 'redux'
 import { createReducer } from './lib'
+import { TopicViewModel } from '../TopicViewModel'
 
 export interface TreeState {
-  tree?: q.Tree
-  selectedTopic?: q.TreeNode
+  tree?: q.Tree<TopicViewModel>
+  selectedTopic?: q.TreeNode<TopicViewModel>
   filter?: string
 }
 
@@ -17,13 +18,13 @@ export enum ActionTypes {
 
 export interface ShowTree {
   type: ActionTypes.TREE_SHOW_TREE
-  tree?: q.Tree
+  tree?: q.Tree<TopicViewModel>
   filter?: string
 }
 
 export interface SelectTopic {
   type: ActionTypes.TREE_SELECT_TOPIC
-  selectedTopic?: q.TreeNode
+  selectedTopic?: q.TreeNode<TopicViewModel>
 }
 
 const initialState: TreeState = { }

app/src/reducers/index.ts

@@ -1,5 +1,3 @@
-import * as q from '../../../backend/src/Model'
-
 import { Action, Reducer, combineReducers } from 'redux'
 
 import { trackEvent } from '../tracking'