Merge branch 'Frontend_UI_Improvements' of https://github.com/UTT-GL0…

…3/EcoMeteo into Frontend_UI_Improvements
UTT-GL03 · Dec 17, 2024 · 18db906 · 18db906
1 parent 455c034
commit 18db906
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 1 deletion.
diff --git a/frontend/public/icons/Est.png b/frontend/public/icons/Est.png
diff --git a/frontend/public/icons/Nord-Est.png b/frontend/public/icons/Nord-Est.png
diff --git a/frontend/public/icons/Nord-Ouest.png b/frontend/public/icons/Nord-Ouest.png
diff --git a/frontend/public/icons/Nord.png b/frontend/public/icons/Nord.png
diff --git a/frontend/public/icons/Ouest.png b/frontend/public/icons/Ouest.png
diff --git a/frontend/public/icons/Sud-Est.png b/frontend/public/icons/Sud-Est.png
diff --git a/frontend/public/icons/Sud-Ouest.png b/frontend/public/icons/Sud-Ouest.png
diff --git a/frontend/public/icons/Sud.png b/frontend/public/icons/Sud.png
diff --git a/frontend/src/WeatherCard.jsx b/frontend/src/WeatherCard.jsx
@@ -42,7 +42,15 @@ const WeatherCard = ({ data }) => {
           <span>{data?.meteo?.humidity ?? "Non disponible"}</span>
         </div>
         <div className="grid-item">
-          <span className="label">Vent:</span>
+        <span className="label">Vent:</span>
+        <img
+          src={data?.meteo?.wind ? `../public/icons/${data.meteo.wind}.png` : "#"} 
+          alt={data?.meteo?.wind ? data.meteo.wind : "Image non disponible"}
+          style={{
+            clipPath: "inset(0px 0px 20px 0px)",
+            objectFit: "cover"
+          }}
+        />
           <span>{data?.meteo?.wind ?? "Non disponible"}</span>
         </div>
       </div>