4031: Adds FY at a glance component and getFY util

Author: greensomes

src/components/sections/FYAtAGlance/FYAtAGlance.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import { makeStyles } from '@material-ui/core/styles'
+import Typography from '@material-ui/core/Typography'
+import { getFiscalYear } from '../../utils/nrrdUtils'
+
+const useStyles = makeStyles({
+  h2: {
+    marginTop: '0.5rem',
+    marginBottom: '1rem',
+    textAlign: 'center'
+  },
+})
+
+export default function FYAtAGlance() {
+  const classes = useStyles()
+
+  return (
+    <>
+      <Typography variant="h2" className={classes.h2}>
+        FY { getFiscalYear() } at a glance
+      </Typography>
+    </>
+  )
+}

src/components/sections/FYAtAGlance/index.js

@@ -0,0 +1 @@
+export default from './FyAtAGlance'

src/components/utils/nrrdUtils/GetFiscalYear.js

@@ -0,0 +1,7 @@
+export default function getFiscalYear() {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = now.getMonth(); // 0 = Jan, 9 = Oct
+
+  return (month >= 9) ? year + 1 : year;
+}

src/components/utils/nrrdUtils/index.js

@@ -0,0 +1 @@
+export { default as getFiscalYear } from './GetFiscalYear'

src/pages/index.mdx

@@ -105,6 +105,7 @@ import { Tabtastic, TabtasticTab } from '../components/layouts/Tabtastic'
           </Tabtastic>
         </Grid>
         <Grid item xs={12} lg={4}>
+          <FYAtAGlance />
           <Box bgcolor="primary.main" mb={2} pt={0.5} pb={2} pl={3} pr={3} borderRadius={10}>
             <MonthlyFactSheet />
           </Box>