old-ybbond

My old site that was written with ReactJS
Log | Files | Refs | README

commit 12d5eeb7fa7d1fe4810c9e78bedb43b4872f6ece
parent 87b9ef69b26cfe5448c013741f091c7c52575eb0
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Tue, 10 Mar 2020 02:42:18 +0700

refactor(Page): Home -> About

Diffstat:
Msrc/App.js | 16++++++++--------
Asrc/Pages/AboutPage.js | 24++++++++++++++++++++++++
Dsrc/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);