From 28603c758ce26d562bf01adfba76e2590146d5e4 Mon Sep 17 00:00:00 2001
From: jakidxav <p6mmc@proton.me>
Date: Thu, 29 Aug 2024 12:27:20 -0700
Subject: [PATCH] fixing extra padding issue with footer section and overlays
 component getters / setters issue

---
 components/sidebar/footer.js |  6 +-----
 components/sidebar/index.js  | 23 +----------------------
 2 files changed, 2 insertions(+), 27 deletions(-)

diff --git a/components/sidebar/footer.js b/components/sidebar/footer.js
index 02bc79c..4821ff7 100644
--- a/components/sidebar/footer.js
+++ b/components/sidebar/footer.js
@@ -1,7 +1,6 @@
 import { Box, Text } from 'theme-ui'
 import { Link } from '@carbonplan/components'
 import { alpha } from '@theme-ui/color'
-import { SidebarDivider } from '@carbonplan/layouts'
 
 // This component is modeled after the SidebarFooter component: 
 // https://github.com/carbonplan/layouts/blob/main/src/sidebar/sidebar-footer.js
@@ -13,12 +12,9 @@ const sx = {
     }
 }
 
-const Footer = ({ showRegionPicker }) => {
+const Footer = () => {
     return (
         <>
-            {showRegionPicker && (
-                <SidebarDivider sx={{ width: '100%', my: 2}} />
-            )}
             <Box sx={{
                 px: [0, 4, 4, 0],
                 pt: [0, 4, 4, 0],
diff --git a/components/sidebar/index.js b/components/sidebar/index.js
index 9716a55..f9ab27a 100644
--- a/components/sidebar/index.js
+++ b/components/sidebar/index.js
@@ -121,9 +121,6 @@ const Sidebar = ({ getters, setters, showAbout, toggleAbout }) => {
         </ExpandingSection>
         <SidebarDivider sx={{ width: '100%', my: 4 }} />
 
-        {/* <ExpandingSection label='Charts' onClick={() => setShowRegionPicker(!showRegionPicker)} />
-        <SidebarDivider sx={{ width: '100%', my: 4 }} /> */}
-
         <ExpandingSection 
           label='Charts' 
           expanded={showRegionPicker} 
@@ -148,25 +145,7 @@ const Sidebar = ({ getters, setters, showAbout, toggleAbout }) => {
             </Box>
           )}
         </ExpandingSection>
-        <SidebarDivider sx={{ width: '100%', my: 4 }} /> 
-
-        {/* {showRegionPicker && new Date(time) <= new Date(maxDate) && (
-          <Box sx={{ ...sx.stats }}>
-            <SummaryStats
-              variable={variable}
-              time={time}
-              year={year}
-              monthDay={monthDay}
-              minDate={minDate}
-              regionData={regionData}
-              showRegionPicker={showRegionPicker}
-              colormap={colormap}
-              hexmapBar={hexmapBar}
-              hexmapTime={hexmapTime}
-              sliding={sliding}
-            />
-          </Box>
-        )} */}
+        <SidebarDivider sx={{ width: '100%', mt: 4 }} /> 
 
         <Footer />
       </Box>