Update widgets and added settings

client/src/components/Widgets/VaaActivity7Day.jsx

@@ -3,7 +3,11 @@ import { Box, Flex, Spinner, Text } from '@chakra-ui/react';
 import Plot from 'react-plotly.js';
 import VdapApi from '../../hooks/useVdapApi.js'; // Adjust path as needed
 
-export default function VaaActivity7Day() {
+export default function VaaActivity7Day({ settings }) {
+    console.log("3. Chart received settings:", settings);
+    // Plotly expects 'linear' for normal axes
+    const plotYAxisType = settings?.yAxisScale === 'symlog' ? 'symlog' : 'linear';
+
     // Clean, single-line data fetching
     const { data: apiData, isLoading, error } = VdapApi('/api/v2/comm_coor_vaa');
 
@@ -59,7 +63,7 @@ export default function VaaActivity7Day() {
             paper_bgcolor: 'transparent', // Let Chakra UI background show through
             plot_bgcolor: 'transparent',
             font: { color: '#d1d5db' }, // gray.300
-            margin: { t: 20, r: 20, l: 20, b: 20 },
+            margin: { t: 40, r: 20, l: 20, b: 20 },
             // title: {
             //     text: '7 Day Consolidated Flight Levels',
             //     font: { size: 16, color: 'white' },
@@ -81,6 +85,7 @@ export default function VaaActivity7Day() {
                     text: 'Flight Level',
                     font: { color: 'white', size: 12 }
                 },
+                type: plotYAxisType,
                 gridcolor: '#4b5563',
                 zerolinecolor: '#ffffff',
                 automargin: true,
@@ -105,7 +110,7 @@ export default function VaaActivity7Day() {
                 }
             ],
         };
-    }, [apiData]);
+    }, [apiData, plotYAxisType]);
 
     if (isLoading) return (
         <Flex w="100%" h="100%" bg="gray.800" borderRadius="md" align="center" justify="center">
@@ -128,6 +133,7 @@ export default function VaaActivity7Day() {
     return (
         <Box height="100%" width="100%" bg="gray.800" borderRadius="md" p={2} overflow="hidden">
             <Plot
+                key={plotYAxisType}
                 data={plotTraces}
                 layout={layout}
                 useResizeHandler={true} // Essential for dashboard grid resizing!