commit 12d5eeb7fa7d1fe4810c9e78bedb43b4872f6ece parent 87b9ef69b26cfe5448c013741f091c7c52575eb0 Author: Yohanes Bandung <bandungpenting@gmail.com> Date: Tue, 10 Mar 2020 02:42:18 +0700 refactor(Page): Home -> About Diffstat:
| M | src/App.js | | | 16 | ++++++++-------- |
| A | src/Pages/AboutPage.js | | | 24 | ++++++++++++++++++++++++ |
| D | src/Pages/HomePage.js | | | 38 | -------------------------------------- |
3 files changed, 32 insertions(+), 46 deletions(-)
diff --git a/src/App.js b/src/App.js @@ -4,7 +4,7 @@ import {Route, Switch} from 'react-router'; import styled, {ThemeProvider} from 'styled-components'; import theme from 'styled-theming'; -import HomePage from './Pages/HomePage'; +import AboutPage from './Pages/AboutPage'; import CVPage from './Pages/CVPage'; import UsesPage from './Pages/UsesPage'; import NotFoundPage from './Pages/NotFoundPage'; @@ -59,20 +59,20 @@ const App = () => { {dark ? '🌛' : '🌞'} </Button> </Text> - <Text> - <Link to="/">Home</Link> - <Link to="/cv">CV</Link> -{' '} - <Link to="/uses">Uses</Link> - </Text> + <Text> + <Link to="/">CV</Link> - <Link to="/uses">Uses</Link> -{' '} + <Link to="/about">About</Link> + </Text> <Switch> <Route exact path="/"> - <HomePage /> - </Route> - <Route exact path="/cv"> <CVPage /> </Route> <Route path="/uses"> <UsesPage /> </Route> + <Route path="/about"> + <AboutPage /> + </Route> <Route> <NotFoundPage /> </Route> diff --git a/src/Pages/AboutPage.js b/src/Pages/AboutPage.js @@ -0,0 +1,24 @@ +// @flow +import React from 'react'; + +import Text from '../Components/Text'; + +const CVPage = () => { + return ( + <Text> + Currently work as Frontend Engineer of kumparan.com in Jakarta, Indonesia. + Building it with React, React Native for Android and iOS. + <br /> + <br /> + Eager to learn. + <br /> + Hardships. + <br /> + I cannot say that I am humble, but I learn from experience that each + individuals, their own excellences. + <br />I try to learn from everyone, and everything. + </Text> + ); +}; + +export default React.memo<{}>(CVPage); diff --git a/src/Pages/HomePage.js b/src/Pages/HomePage.js @@ -1,38 +0,0 @@ -// @flow -import React from 'react'; - -import Link from '../Components/Link'; -import Text from '../Components/Text'; - -const CVPage = () => { - return ( - <React.Fragment> - <Text> - Currently work as Frontend Engineer of kumparan.com in Jakarta, - Indonesia. Building it with React, React Native for Android and iOS. - <br /> - <br /> - Eager to learn. - <br /> - Hardships. - <br /> - I cannot say that I am humble, but I learn from experience that each - individuals, their own excellences. - <br /> - I try to learn from everyone, and everything. - <br /> - <br /> - Contact:{' '} - <Link to="mailto:bandungpenting@gmail.com?Subject=From%20ybbond.dev"> - bandungpenting@gmail.com - </Link> - </Text> - <Text> - Other site:{' '} - <Link to="https://reason.ybbond.dev">reason.ybbond.dev</Link> - </Text> - </React.Fragment> - ); -}; - -export default React.memo<{}>(CVPage);