diff --git a/README.md b/README.md index 33f8b4f..02ac795 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ **Pogoda z danych IMGW. Prosto. Pięknie. Aktualnie.** -`wtr.` to nowoczesna pogodowa PWA dla Polski oparta o publiczne dane IMGW i jawnie oznaczoną prognozę modelową Open-Meteo. Aplikacja prezentuje bieżące odczyty synoptyczne, prognozę godzinową i 7-dniową, stacje hydrologiczne oraz ostrzeżenia w spokojnym, mobilnym interfejsie z gradientami, kartami glassmorphism i subtelnymi animacjami. Dashboard pokazuje wykresy temperatury i opadu dla bieżącego dnia. Każdy dzień prognozy można także otworzyć w animowanym widoku szczegółowym z przebiegiem godzinowym oraz wykresami. +`wtr.` to nowoczesna pogodowa PWA dla Polski oparta o publiczne dane IMGW i jawnie oznaczoną prognozę modelową Open-Meteo. Aplikacja prezentuje bieżące odczyty synoptyczne, prognozę godzinową i 7-dniową, stacje hydrologiczne oraz ostrzeżenia w spokojnym, mobilnym interfejsie z gradientami, kartami glassmorphism i subtelnymi animacjami. Dashboard pokazuje rozszerzony desktopowy podgląd godzin, a także wykresy temperatury i opadu dla bieżącego dnia. Każdy dzień prognozy można także otworzyć w animowanym widoku szczegółowym z przebiegiem godzinowym oraz wykresami. Interfejs jest dostępny po polsku i angielsku. Wybrany język jest zapisywany lokalnie w przeglądarce. Oryginalne treści ostrzeżeń oraz nazwy stacji pochodzą bezpośrednio z API IMGW i nie są automatycznie tłumaczone. diff --git a/components/forecast/forecast-panel.tsx b/components/forecast/forecast-panel.tsx index 8b9cd51..e21d5ed 100644 --- a/components/forecast/forecast-panel.tsx +++ b/components/forecast/forecast-panel.tsx @@ -2,7 +2,7 @@ import { useCallback, useState } from "react"; import { motion } from "framer-motion"; -import { CalendarDays, ChevronRight, Clock3, CloudSun, Droplets, ExternalLink, RefreshCw } from "lucide-react"; +import { CalendarDays, ChevronRight, Clock3, CloudRain, CloudSun, Droplets, ExternalLink, RefreshCw, ThermometerSun, Wind } from "lucide-react"; import { DayForecastCharts } from "@/components/charts/day-forecast-charts"; import { DayForecastModal } from "@/components/forecast/day-forecast-modal"; import { ForecastIcon } from "@/components/forecast/forecast-icon"; @@ -15,6 +15,7 @@ import { useI18n } from "@/lib/i18n"; import { formatForecastRainfall, formatForecastTemperature, + formatForecastWind, getForecastCondition, getHourlyForecastForDay, getUpcomingHourlyForecast, @@ -91,10 +92,10 @@ export function ForecastPanel({ latitude, longitude, locationName }: { latitude? ) : (
-
- +
+

{t("forecast.hourly")}

-
+
    {upcomingHours.map((hour, index) => (

    {formatHour(hour.time)}

    {formatForecastTemperature(hour.temperature, language)}

    {hour.precipitationProbability === null ? "—" : `${hour.precipitationProbability}%`}

    +
    +

    + + {formatForecastTemperature(hour.feelsLike, language)} +

    +

    + + {formatForecastWind(hour.windSpeed, language)} +

    +

    + + {formatForecastRainfall(hour.precipitation, language)} +

    +
    ))}