\n {/* Current Weather */}\n

\n 📍 {location.name}\n

\n Current weather conditions\n

\n\n

\n {/* Main Temperature */}\n

{currentWeather.icon}

\n {formatTemperature(current.temperature)}\n

{currentWeather.description}

\n\n {/* Wind */}\n

💨

\n {formatWindSpeed(current.windSpeed)}\n

\n {formatWindDirection(current.windDirection)} Wind\n

\n\n {/* Humidity */}\n

💧

\n {Math.round(current.humidity)}%\n

Humidity

\n\n {/* Pressure */}\n

🌡️

\n {Math.round(current.pressure)} hPa\n

Pressure

\n\n {/* Additional Details */}\n

Visibility

{(current.visibility / 1000).toFixed(1)} km

UV Index

{current.uvIndex.toFixed(1)}

Updated

{formatTime(current.time)}

Coordinates

\n {location.latitude.toFixed(2)}, {location.longitude.toFixed(2)}\n

\n\n {/* Hourly Forecast */}\n

\n ⏰ 24-Hour Forecast\n

\n {hourly.time.slice(0, 24).map((time, index) => (\n

\n {index === 0 ? 'Now' : formatTime(time)}\n

\n {getWeatherDescription(hourly.weatherCode[index]).icon}\n

\n {formatTemperature(hourly.temperature[index])}\n

\n {formatWindSpeed(hourly.windSpeed[index])}\n

\n {hourly.precipitation[index] > 0 && (\n

\n {hourly.precipitation[index].toFixed(1)}mm\n

\n )}\n

\n ))}\n

\n\n {/* 7-Day Forecast */}\n

\n 📅 7-Day Forecast\n

\n {daily.time.slice(0, 7).map((date, index) => (\n \n ))}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/dukky/weather/code/frontend/components/WeatherDisplay.tsx","extension","actionData","errors"]