blob: bb11360e30e113e1f9cee5c6d7f7d23ece337a93 (
plain)
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
/**
* Site router and custom pages
*/
import React, { Component } from "react";
import { ConnectedRouter } from "connected-react-router";
import { Route } from "react-router";
import { connect } from "react-redux";
import ViewerContainer from "site/viewer/viewer.container";
import Home from "site/projects/museum/views/home";
import Essay from "site/projects/museum/views/essay";
import Artists from "site/projects/museum/views/artists";
import Credits from "site/projects/museum/views/credits";
import NavOverlay from "site/projects/museum/views/nav.overlay";
import StlOverlay from "site/projects/museum/views/stl.overlay";
import "site/projects/museum/views/mobile.css";
import { loadMuseum } from "site/projects/museum/museum.actions";
class App extends Component {
componentDidMount() {
loadMuseum();
}
render() {
if (!this.props.ready) {
return <div />;
}
return (
<ConnectedRouter history={this.props.history}>
<div className="app">
<Route
path={"/thelastmuseum/:page_name"}
component={ViewerContainer}
exact
/>
<Route path={"/thelastmuseum/start"} component={Home} exact />
<Route path={"/thelastmuseum/essay"} component={Essay} exact />
<Route path={"/thelastmuseum/artists"} component={Artists} exact />
<Route path={"/thelastmuseum/credits"} component={Credits} exact />
<Route
path={"/thelastmuseum/:page_name"}
component={StlOverlay}
exact
/>
<Route
path={"/thelastmuseum/:page_name"}
component={NavOverlay}
exact
/>
<Route
path="/thelastmuseum/"
exact
render={() => {
setTimeout(
() => this.props.history.push("/thelastmuseum/start"),
10
);
return null;
}}
/>
<Route
path="/"
exact
render={() => {
setTimeout(
() => this.props.history.push("/thelastmuseum/start"),
10
);
return null;
}}
/>
</div>
</ConnectedRouter>
);
}
}
const mapStateToProps = (state) => ({
ready: state.site.ready,
});
export default connect(mapStateToProps)(App);
|
