app/client/index.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

import { h, render } from 'preact'
import { Provider } from 'react-redux'
import { BrowserRouter, Route } from 'react-router-dom'
// import client from './client'

import { store, history } from './store'
import * as socket from './socket'

import Header from './common/header.component'
import System from './system/system.component'
import Dashboard from './dashboard/dashboard.component'
import modules from './modules'

const module_list = Object.keys(modules).map(name => {
  const module = modules[name]
  return (
    <Route path={'/' + module.name} component={module.router} />
  )
})

const app = (
  <Provider store={store}>
    <BrowserRouter>
      <div>
        <Route exact path='/' component={Dashboard} />
        <Route path='/system/' component={System} />
        <Route path='/dashboard/' component={Dashboard} />
        {module_list}
        <Header />
      </div>
    </BrowserRouter>
  </Provider>
)

render(app, document.getElementById('container'))