2020-fronted-nx/src/App.js

46 lines
1.1 KiB
JavaScript

import React, { Component } from "react";
import { HashRouter, Route, Switch} from "react-router-dom";
import { enquireScreen } from "enquire-js";
import Home from "./Home/main";
import Page2 from "./Home/history";
import Entry from "./Entry";
import Login from "./components/Login";
import ChooseTime from "./components/ChooseTime"
let isMobile;
enquireScreen((b) => {
isMobile = b;
});
class App extends Component {
constructor(props) {
super(props);
this.state = {
isMobile,
};
}
componentDidMount() {
enquireScreen((b) => {
this.setState({ isMobile: !!b });
});
}
render() {
return (
<div>
<HashRouter>
<Switch>
<Route exact path="/history" component={Page2} />
<Route exact path="/ticket" component={Entry} />
<Route exact path="/" component={Home} />
<Route exact path="/login" component={Login} />
<Route exact path="/time/:guid" component={ChooseTime}/>
</Switch>
</HashRouter>
</div>
);
}
}
export default App;