-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
43 lines (40 loc) · 1.14 KB
/
index.js
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
36
37
38
39
40
41
42
43
import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import './design'
import { HashRouter as Router, Route, Link, Switch } from 'react-router-dom'
import { renderAllSpeakersPoster, renderSpeakerPoster } from './spaker-poster'
import { renderAllNameTags, renderIndexedNameTag } from './attendee-tag'
function App() {
return (
<Router>
<Switch>
<Route exact path="/" render={renderHome} />
<Route exact path="/speakers" render={renderAllSpeakersPoster} />
<Route exact path="/attendees" render={renderAllNameTags} />
<Route exact path="/attendees/:index" render={renderIndexedNameTag} />
<Route path="/:key" render={renderSpeakerPoster} />
</Switch>
</Router>
)
}
function renderHome() {
return (
<ul>
<li>
<Link to="/speakers">Speaker posters</Link>
</li>
<li>
<Link to="/attendees">Attendees name tags</Link>
</li>
</ul>
)
}
if (typeof document !== 'undefined') {
ReactDOM.render(<App />, document.getElementById('root'))
// @ts-ignore
if (module.hot) {
// @ts-ignore
module.hot.accept(() => {})
}
}