time-convertor

commit 78a8fa3b8272a4891430a1da1f117a8b7dd953a7
parent 974da7d8c2a5ba90ec9cf20ab4dfd344c2010ac0
Author: Agastya Chandrakant <me@hanabi.in>
Date:   Mon, 18 May 2020 07:53:32 +0530

boilerplate two pages

Diffstat:
M
src/App.js
 | 
4
++++
A
src/subpages/fromTo.js
 | 
19
+++++++++++++++++++
A
src/subpages/future.js
 | 
19
+++++++++++++++++++

3 files changed, 42 insertions(+), 0 deletions(-)
diff --git a/src/App.js b/src/App.js
@@ -2,6 +2,8 @@ import React from 'react';
 import { Route, BrowserRouter as Router, Switch } from 'react-router-dom';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
+import FromTo from './subpages/fromTo';
+import Future from './subpages/future';
 import Help from './subpages/help';
 import Main from './subpages/main';
 
@@ -10,6 +12,8 @@ function App() {
     <Router>
       <Switch>
         <Route component={Help} path="/help" />
+        <Route component={FromTo} path="/from-to" />
+        <Route component={Future} path="/future" />
         <Route component={Main} path="/" />
       </Switch>
     </Router>
diff --git a/src/subpages/fromTo.js b/src/subpages/fromTo.js
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Footer from '../comp/footer';
+import Header from '../comp/header';
+
+function FromTo() {
+  return (
+    <div
+      className="container-fluid"
+      style={{ maxWidth: '100vw', overflow: 'hidden', padding: 0 }}
+    >
+      <Header />
+      from-to
+      <Footer />
+    </div>
+  );
+}
+
+export default FromTo;
diff --git a/src/subpages/future.js b/src/subpages/future.js
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Footer from '../comp/footer';
+import Header from '../comp/header';
+
+function Future() {
+  return (
+    <div
+      className="container-fluid"
+      style={{ maxWidth: '100vw', overflow: 'hidden', padding: 0 }}
+    >
+      <Header />
+      Future
+      <Footer />
+    </div>
+  );
+}
+
+export default Future;