Main.tsx · setoelkahfi/personal-website

typescript

tsx 47 lines 1.36 KB

Raw

1	import React from 'react';
2	import { Switch, Route } from 'react-router-dom';
3	import Home from './Home';
4	import About from './About';
5	import Cv from './Cv';
6	import Contact from './Contact';
7	import { FirebaseContext } from './Firebase';
8
9	const mainStyle = {
10	minHeight: 500,
11	marginTop: 20,
12	marginBottom: 20,
13	marginLeft: 5,
14	marginRight: 5,
15	color: '#fff',
16	font: '11pt "Helvetica Neue", "Helvetica", Arial, sans-serif',
17	};
18
19	const Main = () => (
20	<main style={mainStyle}>
21	<Switch>
22	<Route exact path='/'>
23	<FirebaseContext.Consumer>
24	{firebase => <Home firebase={firebase} />}
25	</FirebaseContext.Consumer>
26	</Route>
27	<Route path='/about'>
28	<FirebaseContext.Consumer>
29	{firebase => <About firebase={firebase} />}
30	</FirebaseContext.Consumer>
31	</Route>
32	<Route path='/cv'>
33	<FirebaseContext.Consumer>
34	{firebase => <Cv firebase={firebase} />}
35	</FirebaseContext.Consumer>
36	</Route>
37
38	<Route path='/contact'>
39	<FirebaseContext.Consumer>
40	{firebase => <Contact firebase={firebase} />}
41	</FirebaseContext.Consumer>
42	</Route>
43	</Switch>
44	</main>
45	);
46
47	export default Main;