mirror of
https://github.com/bendtherules/is-nifty-open.git
synced 2026-08-18 13:52:20 +00:00
Add react router and open close routes
This commit is contained in:
@@ -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
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user