Refactor project structure

app/src/components/Sidebar/CodeBlockColors.ts

@@ -0,0 +1,8 @@
+export enum CodeBlockColors {
+  text = '#080808',
+  background = '#F9F9F9',
+  numeric = '#811F24',
+  boolean = '#811F24',
+  string = '#0B6125',
+  variable = '#234A97',
+}

app/src/components/Sidebar/CodeDiff.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import { Theme, withStyles } from '@material-ui/core'
 import 'prismjs/components/prism-json'
 import 'prismjs/themes/prism-tomorrow.css'
-import { CodeBlockColors } from '../CodeBlockColors'
+import { CodeBlockColors } from './CodeBlockColors'
 
 interface Props {
   previous: string

app/src/components/Sidebar/NodeStats.tsx

@@ -1,6 +1,6 @@
 import * as q from '../../../../backend/src/Model'
 import * as React from 'react'
-import { TopicViewModel } from '../../TopicViewModel'
+import { TopicViewModel } from '../../model/TopicViewModel'
 import { Typography } from '@material-ui/core'
 
 interface Props {

app/src/components/Sidebar/Publish/Publish.tsx

@@ -36,7 +36,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import { publishActions, globalActions } from '../../../actions'
 import ClearAdornment from '../../helper/ClearAdornment'
-import { TopicViewModel } from '../../../TopicViewModel'
+import { TopicViewModel } from '../../../model/TopicViewModel'
 
 interface Props {
   node?: q.TreeNode<TopicViewModel>
@@ -345,4 +345,4 @@ const mapStateToProps = (state: AppState) => {
   }
 }
 
-export default withTheme(connect(mapStateToProps, mapDispatchToProps)(Publish))
+export default connect(mapStateToProps, mapDispatchToProps)(withTheme(Publish))

app/src/components/Sidebar/Sidebar.tsx

@@ -1,7 +1,7 @@
 import * as q from '../../../../backend/src/Model'
 import * as React from 'react'
 import Copy from '../helper/Copy'
-import CustomIconButton from '../CustomIconButton'
+import CustomIconButton from '../helper/CustomIconButton'
 import Delete from '@material-ui/icons/Delete'
 import ExpandMore from '@material-ui/icons/ExpandMore'
 import NodeStats from './NodeStats'
@@ -12,7 +12,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import { settingsActions, sidebarActions } from '../../actions'
 import { StyleRulesCallback, Theme, withStyles } from '@material-ui/core/styles'
-import { TopicViewModel } from '../../TopicViewModel'
+import { TopicViewModel } from '../../model/TopicViewModel'
 
 import {
   ExpansionPanel,

app/src/components/Sidebar/Topic.tsx

@@ -5,7 +5,7 @@ import { withStyles, Theme, StyleRulesCallback } from '@material-ui/core/styles'
 import { treeActions } from '../../actions'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
-import { TopicViewModel } from '../../TopicViewModel'
+import { TopicViewModel } from '../../model/TopicViewModel'
 
 interface Props {
   classes: any

app/src/components/Sidebar/ValueRenderer/MessageHistory.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import BarChart from '@material-ui/icons/BarChart'
 import DateFormatter from '../../helper/DateFormatter'
 import History from '../History'
-import { TopicViewModel } from '../../../TopicViewModel'
+import { TopicViewModel } from '../../../model/TopicViewModel'
 import { Base64Message } from '../../../../../backend/src/Model/Base64Message'
 
 const PlotHistory = React.lazy(() => import('./PlotHistory'))