From f83239c40d40eea5c1dc68dd0ae15f900cab3e1d Mon Sep 17 00:00:00 2001
From: Bluecue <54121059+Bluecue@users.noreply.github.com>
Date: Thu, 15 Jan 2026 13:41:49 -0600
Subject: [PATCH] Update Simple.tsx

There was open space between the time and high and low temperature display on the simple.tsx display option for the weather app so I added a wind speed and direction.
---
 weather/src/components/Simple.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/weather/src/components/Simple.tsx b/weather/src/components/Simple.tsx
index e37fa84..d482642 100644
--- a/weather/src/components/Simple.tsx
+++ b/weather/src/components/Simple.tsx
@@ -12,6 +12,12 @@ interface WeatherProps {
 const Simple = ({ weatherData, tempType }: WeatherProps) => {
   const [time, setTime] = useState<null | string>(null);
 
+  const getWindDirection = (degrees: number): string => {
+    const directions = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'];
+    const index = Math.round(degrees / 22.5) % 16;
+    return directions[index];
+  };
+
   useEffect(() => {
     const removeTimeListener = DeskThing.on(
       DEVICE_CLIENT.TIME,
@@ -47,12 +53,9 @@ const Simple = ({ weatherData, tempType }: WeatherProps) => {
               weatherData.tempUnit.toUpperCase()}
           </p>
           <p className="text-2xl sm:text-6xl xl:text-8xl">{time}</p>
-          {/* --- UPDATED WIND READOUT WITH SAFETY CHECKS --- */}
-{weatherData.current && (
-  <p className="text-xl sm:text-4xl xl:text-6xl opacity-80 mt-2">
-     {Math.round(weatherData.current.windSpeed10m || 0)} {weatherData.speedUnit || ''} {getWindDirection(weatherData.current.windDirection10m || 0)}
-  </p>
-)}
+          <p className="text-xl sm:text-4xl xl:text-6xl opacity-80 mt-2">
+            {Math.round(weatherData.current.windSpeed10m)} {weatherData.speedUnit} {getWindDirection(weatherData.current.windDirection10m)}
+          </p>
           <p className="fixed bottom-3 right-3 italic text-xs sm:text-base xl:text-3xl">
             Last Updated{" "}
             {new Date(weatherData.current.time)