4031: Refactors components

Author: greensomes

src/components/content-partials/MonthlyFactSheet.mdx

@@ -1 +1 @@
-export default from './FyAtAGlance'
+export default from './FYAtAGlance'

src/components/content-partials/WhatsNew.mdx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Box, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles'
+
+const useStyles = makeStyles({
+  h3: {
+    marginTop: '0.5rem',
+    marginBottom: '1rem',
+    textAlign: 'center'
+  },
+})
+
+
+export default function FYProductionSummary() {
+  const classes = useStyles()
+
+  return (
+    <Box bgcolor="primary.main" mb={2} pt={0.5} pb={2} pl={3} pr={3} borderRadius={10}>
+      <Typography variant="h3" className={classes.h3}>
+        Production
+      </Typography>
+    </Box>
+  )
+}

src/components/sections/FYAtAGlance/index.js

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

src/components/sections/FYProductionSummary/FYProductionSummary.js

@@ -0,0 +1,25 @@
+import React from 'react'
+import { Box, Typography, Link } from '@material-ui/core'
+import { makeStyles } from '@material-ui/core/styles'
+
+const useStyles = makeStyles({
+  h3: {
+    marginTop: '0.5rem',
+    marginBottom: '1rem'
+  },
+})
+
+export default function LPMonthlyFactSheet() {
+  const classes = useStyles();
+
+  return (
+    <Box bgcolor="primary.main" mb={2} pt={0.5} pb={2} pl={3} pr={3} borderRadius={10}>
+      <Typography variant="h3" className={classes.h3}>
+        Monthly Fact Sheet
+      </Typography>
+      <Typography variant='inherit'>
+        <Link href='/fact-sheet'>Fact sheet</Link> summarizing disbursements, revenue, and production data by month on federal and Native American lands.
+      </Typography>
+    </Box>
+  )
+}

src/components/sections/FYProductionSummary/index.js

@@ -0,0 +1 @@
+export { default as LPMonthlyFactSheet } from './LPMonthlyFactsheet'

src/components/sections/LPMonthlyFactsheet/LPMonthlyFactsheet.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import FyAtAGlance from '../FYAtAGlance'
+import { FYProductionSummary } from '../FYProductionSummary';
+import { LPMonthlyFactSheet } from '../LPMonthlyFactsheet'
+import { WhatsNew } from '../WhatsNew';
+
+export default function LandingPageSidebar() {
+  return(
+    <>
+      <FyAtAGlance />
+
+      <FYProductionSummary />
+
+      <LPMonthlyFactSheet />
+
+      <WhatsNew />
+    </>
+  )
+}

src/components/sections/LPMonthlyFactsheet/index.js

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

src/components/sections/LandingPageSidebar/LandingPageSidebar.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { Box, Typography, Link, List, ListItem, ListItemText } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles'
+
+const useStyles = makeStyles({
+  h3: {
+    marginTop: '0.5rem',
+    marginBottom: '1rem'
+  },
+  changes: {
+    display: 'block',
+    marginTop: '1rem'
+  },
+  changeList: {
+    listStyleType: 'disc',
+    paddingLeft: '1.5rem',
+    '& .MuiListItem-root': {
+      display: 'list-item',
+      listStyleType: 'inherit',
+    },
+    '& .MuiListItem-gutters': {
+      paddingLeft: '0.5rem',
+    },
+    '& .MuiListItemText-primary': {
+      fontSize: '1rem',
+    }
+  }
+})
+
+export default function WhatsNew() {
+  const classes = useStyles();
+
+  return (
+    <Box bgcolor="primary.main" mb={4} pt={0.5} pb={2} pl={3} pr={3} borderRadius={10}>
+      <Typography variant='h3' className={classes.h3}>
+        What's new
+      </Typography>
+
+      <Typography variant="inherit">
+        Updated geographical references to reflect the new name Gulf of America for the area formerly called Gulf of Mexico, following Executive Order 14172.
+      </Typography>
+
+      <Typography variant="inherit" className={classes.changes}>
+        June 13, 2025 changes:
+      </Typography>
+
+      <List className={classes.changeList}>
+        <ListItem>
+          <ListItemText
+            primary={
+              <>
+                Added <Link href="downloads/disbursements-by-month/" linkType="default">monthly disbursements data</Link>
+              </>
+            }
+          />
+        </ListItem>
+
+        <ListItem>  
+            <ListItemText 
+              primary= {
+                <>
+                Updated <Link href="fact-sheet/" linkType="default">monthly fact sheet</Link>
+                </>
+              } 
+            />
+        </ListItem>
+      </List>
+
+      <Typography variant='inherit'>
+        Review our <Link href="https://github.com/ONRR/nrrd/releases">full release details</Link>.
+      </Typography>
+    </Box>
+  )
+}