Merge pull request #1080 from civictechindex/about-to-folder

created About folder from page

Author: bruceplai

src/pages/About.js src/pages/About/index.jssrc/pages/About.js renamed to src/pages/About/index.js

@@ -6,36 +6,10 @@ import {
   GetStartedCard,
   PictureCard,
   GenericHeaderSection,
-} from '../components';
-import makeStyles from '@material-ui/core/styles/makeStyles';
+} from '../../components';
+import useStyles from './styles';
 import Grid from '@material-ui/core/Grid';
 
-const useStyles = makeStyles((theme) => ({
-  subHeaderStyle: {
-     fontWeight: '400',
-    textAlign: 'center',
-    [theme.breakpoints.down('sm')]: {
-      padding: '48px 30px',
-    },
-    [theme.breakpoints.up('sm')]: {
-      padding: '48px 100px',
-    },
-    [theme.breakpoints.up('md')]: {
-      padding: '48px 200px',
-    },
-  },
-  frameStyle: {
-    border: 'none',
-    overflow: 'hidden',
-    padding: '0',
-    width: '949px',
-    height: '629px',
-    alignItems: 'center',
-    justifyContent: 'center',
-    display: 'flex',
-  },
-}));
-
 const About = () => {
   const breadCrumbLinks = [
     { name: 'Home', href: '/home' },

src/pages/About/styles.js

@@ -0,0 +1,29 @@
+import makeStyles from '@material-ui/core/styles/makeStyles';
+
+const useStyles = makeStyles((theme) => ({
+  subHeaderStyle: {
+    fontWeight: '400',
+    textAlign: 'center',
+    [theme.breakpoints.down('sm')]: {
+      padding: '48px 30px',
+    },
+    [theme.breakpoints.up('sm')]: {
+      padding: '48px 100px',
+    },
+    [theme.breakpoints.up('md')]: {
+      padding: '48px 200px',
+    },
+  },
+  frameStyle: {
+    border: 'none',
+    overflow: 'hidden',
+    padding: '0',
+    width: '949px',
+    height: '629px',
+    alignItems: 'center',
+    justifyContent: 'center',
+    display: 'flex',
+  },
+}));
+
+export default useStyles;