migration

Author: MacKentoch

front/src/pages/about/__tests__/About.test.tsx

@@ -5,13 +5,10 @@ import About from '../About';
 
 describe('About page', () => {
   it('renders as expected', () => {
-    const props = {
-      actions: {},
-    };
     const component = shallow(
       <div>
         <MemoryRouter>
-          <About {...props} />
+          <About />
         </MemoryRouter>
       </div>,
     );

front/src/pages/home/Home.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import Jumbotron from 'reactstrap/lib/Jumbotron';
+import { Link } from 'react-router-dom';
+import HomeInfo from './styled/HomeInfo';
+import MainTitle from './styled/MainTitle';
+import LightNote from './styled/LightNote';
+
+type Props = {} & RouteComponentProps<any, any>;
+
+function Home({}: Props) {
+  return (
+    <div>
+      <Jumbotron>
+        <HomeInfo>
+          <MainTitle>ReactJS 16.4+ Bootstrap 4</MainTitle>
+          <h2>
+            with Hot Reload (<i>react-hot-loader 4+</i>
+            )!!!
+          </h2>
+          <h2>and React 16+ Context API</h2>
+          <h2>and React Router v4</h2>
+          <h2>and webpack 4.x</h2>
+          <h2>and Typescript</h2>
+          <h2>
+            and styled-components (
+            <LightNote>
+              so keep using SCSS like styles and benefit performant css-in-js
+            </LightNote>
+            )
+          </h2>
+          <h1>Starter</h1>
+          <p>
+            <Link className="btn btn-success btn-lg" to={'/about'}>
+              <i className="fa fa-info" />
+              &nbsp; go to about
+            </Link>
+          </p>
+        </HomeInfo>
+      </Jumbotron>
+    </div>
+  );
+}
+
+Home.displayName = 'Home';
+
+export default Home;

front/src/pages/home/Home.tsx

@@ -1,9 +1,5 @@
-// @flow
-
-// #region imports
 import { compose } from 'redux';
 import Home from './Home';
 import withEnterAnimation from '../../hoc/withEnterAnimation';
-// #endregion
 
 export default compose(withEnterAnimation(/* no option yet */))(Home);