dynamic time labels

frontend/src/components/App.jsx

@@ -45,13 +45,17 @@ const App = () => {
     setIsSideMenuOpen(!isSideMenuOpen);
   };
 
+  const closeSideMenu = () => {
+    setIsSideMenuOpen(false);
+  }
+
   return (
     <>
       {/* Planeo añadir un React Router */}
       <MenuButton onClick={toggleSideMenu} />
       <SideMenu isOpen={isSideMenuOpen} onClose={toggleSideMenu} />
       <ThemeButton />
-      <div className={isSideMenuOpen ? 'blur m-0 p-0' : 'm-0 p-0'}>
+      <div className={isSideMenuOpen ? 'blur m-0 p-0' : 'm-0 p-0'} onClick={closeSideMenu}>
         <Header title='Contamin' subtitle='Midiendo la calidad del aire y las calles en Sevilla 🌿🚛' />
         <Home />
       </div>

frontend/src/components/HistoryCharts.jsx

@@ -67,7 +67,15 @@ const HistoryChartsContent = () => {
   const optionsDark = config?.appConfig?.historyChartConfig?.chartOptionsDark ?? {};
   const optionsLight = config?.appConfig?.historyChartConfig?.chartOptionsLight ?? {};
   const options = theme === "dark" ? optionsDark : optionsLight;
-  const timeLabels = config?.appConfig?.historyChartConfig?.timeLabels ?? [];
+  
+  const currentHour = new Date().getHours();
+  console.log("currentHour", currentHour);
+
+  const timeLabels = [
+    `${currentHour - 3}:00`, `${currentHour - 2}:00`, `${currentHour - 1}:00`, `${currentHour}:00`, `${currentHour + 1}:00`, `${currentHour + 2}:00`, `${currentHour + 3}:00`
+  ]
+
+  //const timeLabels = config?.appConfig?.historyChartConfig?.timeLabels ?? [];
 
   if (loading) return <p>Cargando datos...</p>;