Cleans code style of '/src/containers'. codeforboston#1018

knod · Nov 25, 2018 · 436efad · 436efad
1 parent 5839c90
commit 436efad
Show file tree

Hide file tree

Showing 7 changed files with 110 additions and 102 deletions.
diff --git a/src/App.js b/src/App.js
@@ -9,9 +9,9 @@ import { Helmet } from 'react-helmet';
 import { Confirmer } from './utils/getUserConfirmation';
 
 // CUSTOM COMPONENTS
-import HomePage from './containers/HomePage';
-import AboutPage from './containers/AboutPage';
-import VisitPage from './containers/VisitPage';
+import { HomePage } from './containers/HomePage';
+import { AboutPage } from './containers/AboutPage';
+import { VisitPage } from './containers/VisitPage';
 import Footer from './components/Footer';
 import Header from './components/Header';
 

diff --git a/src/containers/AboutPage.js b/src/containers/AboutPage.js
@@ -1,46 +1,51 @@
 import React from 'react';
+import {
+  Header,
+  Message,
+} from 'semantic-ui-react';
 
-import { Header, Message } from 'semantic-ui-react';
+// PROJECT COMPONENTS
 import { ExternalLink } from '../components/ExternalLink';
 import { PageLayout } from '../components/PageLayout';
 
+
 const AboutPage = ({ translations }) => {
   return (
     <PageLayout>
 
       <Header
-        className="ac-header"
-        as='h1'>
+        className = { `ac-header` }
+        as        = { `h1` }>
         { translations.i_aboutPageHeader }
       </Header>
 
-      <Header as='h3'>{ translations.i_whatForHeader }</Header>
+      <Header as={ `h3` }>{ translations.i_whatForHeader }</Header>
       <Message>{ translations.i_whatForImportantNote }</Message>
       <p>{ translations.i_whatFor }</p>
 
-      <Header as='h3'>{ translations.i_whyHeader }</Header>
+      <Header as={ `h3` }>{ translations.i_whyHeader }</Header>
       <p>{ translations.i_why1 }</p>
       <p>{ translations.i_why2 }</p>
 
       <ul>
         <li>
-          <ExternalLink href="https://www.youtube.com/watch?v=BveX_rID4_E">
+          <ExternalLink href={ `https://www.youtube.com/watch?v=BveX_rID4_E` }>
             { translations.i_videoLinkText }
           </ExternalLink>
         </li>
 
         <li>
-          <ExternalLink href="http://www.nccp.org/projects/files/NCCP_CO_presentation07.pdf">
+          <ExternalLink href={ `http://www.nccp.org/projects/files/NCCP_CO_presentation07.pdf` }>
             { translations.i_quantLinkText }
           </ExternalLink>
         </li>
       </ul>
 
-      <Header as='h3'>{ translations.i_howToUseHeader }</Header>
+      <Header as={ `h3` }>{ translations.i_howToUseHeader }</Header>
       <p>{ translations.i_howToUse }</p>
       <Message>{ translations.i_howToUseNote }</Message>
 
-      <Header as='h3'>{ translations.i_whoMadeThisHeader }</Header>
+      <Header as={ `h3` }>{ translations.i_whoMadeThisHeader }</Header>
       <p>{ translations.i_whoMadeThis1 }</p>
       <p>{ translations.i_whoMadeThis2 }</p>
       <p>{ translations.i_whoMadeThis3 }</p>
@@ -49,4 +54,5 @@ const AboutPage = ({ translations }) => {
   );
 };  // Ends <AboutPage>
 
-export default AboutPage;
+
+export { AboutPage };
diff --git a/src/containers/DevSwitch.js b/src/containers/DevSwitch.js
@@ -36,7 +36,7 @@ const DevSwitch = function ({ setDev, devProps, history }) {
     </Segment>
   );
 
-};  // End <DevSwitch>
+};  // Ends <DevSwitch>
 
 
 export { DevSwitch };
diff --git a/src/containers/HomePage.js b/src/containers/HomePage.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
 
+
 class HomePage extends Component {
   render() {
     return (
@@ -30,7 +31,8 @@ class HomePage extends Component {
         </div>
       </div>
     );
-  }
-}
+  };
+};
+
 
-export default HomePage;
+export { HomePage };