From c9d9aa9ad35efa105fcf171dc49fd13480937987 Mon Sep 17 00:00:00 2001
From: Jose <jomaamga@outlook.es>
Date: Thu, 27 Feb 2025 08:42:24 +0100
Subject: [PATCH] dynamic time labels

---
 .../__pycache__/sensors.cpython-312.pyc       | Bin 4668 -> 4668 bytes
 .../__pycache__/SensorModel.cpython-312.pyc   | Bin 675 -> 675 bytes
 .../sql/__pycache__/Sensor.cpython-312.pyc    | Bin 796 -> 796 bytes
 frontend/public/config/settings.json          |   9 ---------
 frontend/src/components/App.jsx               |   6 +++++-
 frontend/src/components/HistoryCharts.jsx     |  10 +++++++++-
 frontend/src/css/MenuButton.css               |   2 +-
 frontend/src/css/SideMenu.css                 |   6 +++---
 8 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/backend/endpoints/__pycache__/sensors.cpython-312.pyc b/backend/endpoints/__pycache__/sensors.cpython-312.pyc
index 24a965d51c55115e3de2599a6014aab0306aa878..f5f448c967b94074c288a63263ac38b9288cfd7a 100644
GIT binary patch
delta 20
acmdm^vPXscG%qg~0}xygIIxl1PzV4#p#@q1

delta 20
acmdm^vPXscG%qg~0}w2^wS6PEp%4H+`~~j-

diff --git a/backend/models/schemas/__pycache__/SensorModel.cpython-312.pyc b/backend/models/schemas/__pycache__/SensorModel.cpython-312.pyc
index e0f187212612a92ed2b895fbcfc757f7d4cf3132..1a77f30bf1cd3e35c191978e153ca679522c9065 100644
GIT binary patch
delta 20
acmZ3?x|o&wG%qg~0}xygIIxj>1`_}^O$9*!

delta 20
acmZ3?x|o&wG%qg~0}zC5*u9Z^1`_}^o&{n6

diff --git a/backend/models/sql/__pycache__/Sensor.cpython-312.pyc b/backend/models/sql/__pycache__/Sensor.cpython-312.pyc
index e86d19a7dc0770a21caa7586a8d614c744d893db..d19f96a7c4b637d7dcd72831b1fed55aabcfb215 100644
GIT binary patch
delta 20
acmbQkHiwP-G%qg~0}xygIIxjhkQo3oS_H2E

delta 20
acmbQkHiwP-G%qg~0}#Y**u9ZkkQo3o;{@0M

diff --git a/frontend/public/config/settings.json b/frontend/public/config/settings.json
index 86ae650..e2b432d 100644
--- a/frontend/public/config/settings.json
+++ b/frontend/public/config/settings.json
@@ -12,15 +12,6 @@
             "sensor": "sensors/sensor"
         },
         "historyChartConfig": {
-            "timeLabels": [
-                "08:00",
-                "09:00",
-                "10:00",
-                "11:00",
-                "12:00",
-                "13:00",
-                "14:00"
-            ],
             "chartOptionsDark": {
                 "responsive": true,
                 "maintainAspectRatio": false,
diff --git a/frontend/src/components/App.jsx b/frontend/src/components/App.jsx
index 611e3e4..00297e0 100644
--- a/frontend/src/components/App.jsx
+++ b/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>
diff --git a/frontend/src/components/HistoryCharts.jsx b/frontend/src/components/HistoryCharts.jsx
index 5e6935e..3087ba2 100644
--- a/frontend/src/components/HistoryCharts.jsx
+++ b/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>;
 
diff --git a/frontend/src/css/MenuButton.css b/frontend/src/css/MenuButton.css
index 5c7f2f5..a2ba7b7 100644
--- a/frontend/src/css/MenuButton.css
+++ b/frontend/src/css/MenuButton.css
@@ -1,7 +1,7 @@
 .menuBtn {
     position: fixed;
     top: 20px;
-    right: 20px;
+    left: 20px;
     z-index: 1000;
     border: none;
     width: 50px;
diff --git a/frontend/src/css/SideMenu.css b/frontend/src/css/SideMenu.css
index 088f75b..c98c825 100644
--- a/frontend/src/css/SideMenu.css
+++ b/frontend/src/css/SideMenu.css
@@ -1,19 +1,19 @@
 .side-menu {
     position: fixed;
     top: 0;
-    right: -350px;
+    left: -350px;
     width: 350px;
     height: 100%;
     background-color: #333;
     color: white;
-    transition: right 0.3s ease;
+    transition: left 0.3s ease;
     padding: 30px;
     box-shadow: 2px 0 5px rgba(0,0,0,0.5);
     z-index: 1000;
 }
 
 .side-menu.open {
-    right: 0;    
+    left: 0;    
 }
 
 .blur {