Add react router and open close routes

This commit is contained in:
2018-03-17 00:44:50 +05:30
parent ae1ed0f31a
commit 1ee1b99e83
4 changed files with 117 additions and 10 deletions
+32 -6
View File
@@ -1,20 +1,46 @@
import * as React from 'react';
import { Switch, Route, Redirect } from 'react-router-dom';
import './App.css';
import { OpenXDay } from '../OpenXDay';
import { allHolidays } from '../../Data';
import { Utils } from "../../Utils";
enum OpenOrCloseOrClosed {
Open = "open",
Close = "close",
Closed = "closed"
}
class IsNiftyOpenApp extends React.Component {
renderOpenXDay(questionString: OpenOrCloseOrClosed): React.ReactElement<{}> {
var question: OpenXDay.OpenOrClose;
if (questionString === OpenOrCloseOrClosed.Open) {
question = OpenXDay.OpenOrClose.Open;
} else {
question = OpenXDay.OpenOrClose.Close;
}
return (
<div className="OpenXDay-container">
<OpenXDay
question={question}
xDay={Utils.createTodayDateInIndiaTZ()}
allHolidays={allHolidays}
/>
</div>
);
}
render() {
return (
<div className="App">
<div className="OpenXDay-container">
<OpenXDay
question={OpenXDay.OpenOrClose.Open}
xDay={Utils.createTodayDateInIndiaTZ()}
allHolidays={allHolidays}
<Switch>
<Route
exact={true}
path='/:openOrClosed(open|close[d]?)'
render={(props) => { return this.renderOpenXDay(props.match.params.openOrClosed); }}
/>
</div>
<Redirect to="/open" />
</Switch>
</div>
);
}
+4 -1
View File
@@ -1,11 +1,14 @@
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { IsNiftyOpenApp } from './Components/IsNiftyOpenApp';
import registerServiceWorker from './registerServiceWorker';
import './index.css';
ReactDOM.render(
<IsNiftyOpenApp />,
<BrowserRouter>
<IsNiftyOpenApp />
</BrowserRouter>,
document.getElementById('root') as HTMLElement
);
registerServiceWorker();