Hide chart container when no chart selected.

colebillys19 · Apr 12, 2024 · 154e469 · 154e469
1 parent 8aa7fa8
commit 154e469
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/App/index.js b/src/App/index.js
@@ -12,14 +12,17 @@ import {
 const App = () => {
   // string passed here determines which chart shows on page load (refer to chartDict constant)
   const [activeChart, setActiveChart] = useState('areaStackTemplate');
+  console.log(activeChart);
 
   return (
     <AppContainer className="App">
       <AppSubcontainer>
         <SelectMenu activeChart={activeChart} setActiveChart={setActiveChart} />
-        <ChartContainer paddingVal={getPaddingVal(activeChart)}>
-          {chartDict[activeChart]}
-        </ChartContainer>
+        {!!activeChart && activeChart !== '-' && (
+          <ChartContainer paddingVal={getPaddingVal(activeChart)}>
+            {chartDict[activeChart]}
+          </ChartContainer>
+        )}
       </AppSubcontainer>
     </AppContainer>
   );