chore: add prettier formatting

2026-06-14 20:26:56 +02:00
parent 8bbd9397a1
commit ee55521803
79 changed files with 2451 additions and 969 deletions
--- a/components/weather/weather-hero.tsx
+++ b/components/weather/weather-hero.tsx
@@ -31,7 +31,21 @@ function readDevWeatherEffectOverride(): DevWeatherEffectOverride | null {
  return null;
 }

-export function WeatherHero({ station, currentWeather, currentWeatherLoading = false, currentForecastWeatherCode, locationName, distanceKm }: { station: SynopStation; currentWeather?: ImgwCurrentWeather | null; currentWeatherLoading?: boolean; currentForecastWeatherCode?: number | null; locationName?: string; distanceKm?: number | null }) {
+export function WeatherHero({
+  station,
+  currentWeather,
+  currentWeatherLoading = false,
+  currentForecastWeatherCode,
+  locationName,
+  distanceKm,
+}: {
+  station: SynopStation;
+  currentWeather?: ImgwCurrentWeather | null;
+  currentWeatherLoading?: boolean;
+  currentForecastWeatherCode?: number | null;
+  locationName?: string;
+  distanceKm?: number | null;
+}) {
  const { language, t } = useI18n();
  const temperatureUnit = useWeatherStore((state) => state.temperatureUnit);
  const windSpeedUnit = useWeatherStore((state) => state.windSpeedUnit);
@@ -40,35 +54,59 @@ export function WeatherHero({ station, currentWeather, currentWeatherLoading = f
  const hasGlobalModel = currentWeather?.coverage === "global-model";
  const hasFullHybridAnalysis = currentWeather?.coverage === "full" || currentWeather?.coverage === "hourly";
  const hasPartialHybridAnalysis = currentWeather?.coverage === "precipitation-only";
-  const hasDistantFallback = !hasGlobalModel && !hasFullHybridAnalysis && !currentWeatherLoading && distanceKm !== undefined && distanceKm !== null && distanceKm >= 30;
-  const displayedStation = currentWeather ? {
-    ...station,
-    measuredAt: hasFullHybridAnalysis || hasGlobalModel ? currentWeather.measuredAt : station.measuredAt,
-    temperature: currentWeather.temperature ?? station.temperature,
-    windSpeed: currentWeather.windSpeed ?? station.windSpeed,
-    windDirection: currentWeather.windDirection ?? station.windDirection,
-    humidity: currentWeather.humidity ?? station.humidity,
-    pressure: currentWeather.pressure ?? station.pressure,
-    rainfall: currentWeather.precipitation10m ?? station.rainfall,
-  } : station;
+  const hasDistantFallback =
+    !hasGlobalModel &&
+    !hasFullHybridAnalysis &&
+    !currentWeatherLoading &&
+    distanceKm !== undefined &&
+    distanceKm !== null &&
+    distanceKm >= 30;
+  const displayedStation = currentWeather
+    ? {
+        ...station,
+        measuredAt: hasFullHybridAnalysis || hasGlobalModel ? currentWeather.measuredAt : station.measuredAt,
+        temperature: currentWeather.temperature ?? station.temperature,
+        windSpeed: currentWeather.windSpeed ?? station.windSpeed,
+        windDirection: currentWeather.windDirection ?? station.windDirection,
+        humidity: currentWeather.humidity ?? station.humidity,
+        pressure: currentWeather.pressure ?? station.pressure,
+        rainfall: currentWeather.precipitation10m ?? station.rainfall,
+      }
+    : station;
  const mood = getWeatherMoodFromData(displayedStation);
-  const feelsLike = currentWeather?.feelsLike ?? calculateFeelsLike(displayedStation.temperature, displayedStation.humidity, displayedStation.windSpeed);
+  const feelsLike =
+    currentWeather?.feelsLike ??
+    calculateFeelsLike(displayedStation.temperature, displayedStation.humidity, displayedStation.windSpeed);
  const metrics = [
    { icon: Droplets, label: t("weather.humidity"), value: formatHumidity(displayedStation.humidity, language) },
-    { icon: Wind, label: t("weather.wind"), value: formatWind(displayedStation.windSpeed, null, language, windSpeedUnit) },
-    { icon: Umbrella, label: hasGlobalModel ? t("weather.currentPrecipitation") : currentWeather?.precipitation10m !== null && currentWeather?.precipitation10m !== undefined ? t("weather.rainfall10m") : t("weather.rainfallTotal"), value: formatRainfall(displayedStation.rainfall, language) },
+    {
+      icon: Wind,
+      label: t("weather.wind"),
+      value: formatWind(displayedStation.windSpeed, null, language, windSpeedUnit),
+    },
+    {
+      icon: Umbrella,
+      label: hasGlobalModel
+        ? t("weather.currentPrecipitation")
+        : currentWeather?.precipitation10m !== null && currentWeather?.precipitation10m !== undefined
+          ? t("weather.rainfall10m")
+          : t("weather.rainfallTotal"),
+      value: formatRainfall(displayedStation.rainfall, language),
+    },
    { icon: Gauge, label: t("weather.pressure"), value: formatPressure(displayedStation.pressure, language) },
  ];
-  const effectPrecipitation10m = devEffectOverride === "rain" || devEffectOverride === "thunderstorm"
-    ? 0.1
-    : devEffectOverride === "none"
-      ? 0
-      : currentWeather?.precipitation10m;
-  const effectThunderstorm = devEffectOverride === "thunderstorm"
-    ? true
-    : devEffectOverride === "rain" || devEffectOverride === "none"
-      ? false
-      : currentWeather?.condition === "thunderstorm";
+  const effectPrecipitation10m =
+    devEffectOverride === "rain" || devEffectOverride === "thunderstorm"
+      ? 0.1
+      : devEffectOverride === "none"
+        ? 0
+        : currentWeather?.precipitation10m;
+  const effectThunderstorm =
+    devEffectOverride === "thunderstorm"
+      ? true
+      : devEffectOverride === "rain" || devEffectOverride === "none"
+        ? false
+        : currentWeather?.condition === "thunderstorm";
  const weatherDescription = getWeatherDescription(
    displayedStation,
    language,
@@ -97,22 +135,37 @@ export function WeatherHero({ station, currentWeather, currentWeatherLoading = f
      <div className="relative z-10">
        <div>
          <div className="flex flex-wrap items-center gap-2">
-            <span className="flex items-center gap-1.5 text-sm font-medium text-muted"><MapPin className="size-4" />{displayedLocationName}</span>
+            <span className="flex items-center gap-1.5 text-sm font-medium text-muted">
+              <MapPin className="size-4" />
+              {displayedLocationName}
+            </span>
          </div>
          <div className="mt-2 space-y-1 text-xs text-muted">
-            <p>{currentWeatherLoading
-              ? t("location.heroHybridLoading", { station: station.name })
-              : hasGlobalModel
-              ? t("location.heroGlobalModelSource", { location: displayedLocationName })
-              : hasFullHybridAnalysis
-              ? t("location.heroHybridSource", { location: displayedLocationName })
-              : hasPartialHybridAnalysis
-                ? t("location.heroHybridPartial", { station: station.name, distance: distanceKm ?? 0 })
-              : locationName
-                ? t("location.heroStationFallbackWithDistance", { station: station.name, distance: distanceKm ?? 0 })
-                : t("location.heroStationFallback", { station: station.name })}</p>
-            {hasFullHybridAnalysis && locationName && <p>{t("location.heroNearestStation", { station: station.name, distance: distanceKm ?? 0 })}</p>}
-            {hasDistantFallback && <p className="flex items-start gap-1.5 text-warning"><AlertTriangle className="mt-0.5 size-3.5 shrink-0" />{t("location.heroDistantFallback")}</p>}
+            <p>
+              {currentWeatherLoading
+                ? t("location.heroHybridLoading", { station: station.name })
+                : hasGlobalModel
+                  ? t("location.heroGlobalModelSource", { location: displayedLocationName })
+                  : hasFullHybridAnalysis
+                    ? t("location.heroHybridSource", { location: displayedLocationName })
+                    : hasPartialHybridAnalysis
+                      ? t("location.heroHybridPartial", { station: station.name, distance: distanceKm ?? 0 })
+                      : locationName
+                        ? t("location.heroStationFallbackWithDistance", {
+                            station: station.name,
+                            distance: distanceKm ?? 0,
+                          })
+                        : t("location.heroStationFallback", { station: station.name })}
+            </p>
+            {hasFullHybridAnalysis && locationName && (
+              <p>{t("location.heroNearestStation", { station: station.name, distance: distanceKm ?? 0 })}</p>
+            )}
+            {hasDistantFallback && (
+              <p className="flex items-start gap-1.5 text-warning">
+                <AlertTriangle className="mt-0.5 size-3.5 shrink-0" />
+                {t("location.heroDistantFallback")}
+              </p>
+            )}
          </div>
        </div>
        <div className="mt-8 flex items-end justify-between gap-3 sm:mt-10">
@@ -121,14 +174,25 @@ export function WeatherHero({ station, currentWeather, currentWeatherLoading = f
              {formatTemperature(displayedStation.temperature, language, temperatureUnit)}
            </div>
            <p className="mt-5 text-xl font-medium tracking-tight sm:text-2xl">{weatherDescription}</p>
-            <p className="mt-1 text-sm text-muted">{t("weather.feelsLike")} {formatTemperature(feelsLike, language, temperatureUnit)} · {hasGlobalModel ? t("weather.modelUpdate") : t("weather.measurement")} {formatDateTime(displayedStation.measuredAt, language)}</p>
+            <p className="mt-1 text-sm text-muted">
+              {t("weather.feelsLike")} {formatTemperature(feelsLike, language, temperatureUnit)} ·{" "}
+              {hasGlobalModel ? t("weather.modelUpdate") : t("weather.measurement")}{" "}
+              {formatDateTime(displayedStation.measuredAt, language)}
+            </p>
          </div>
-          <WeatherIcon mood={mood} condition={currentWeather?.condition} className="mb-4 size-20 text-accent sm:size-28" />
+          <WeatherIcon
+            mood={mood}
+            condition={currentWeather?.condition}
+            className="mb-4 size-20 text-accent sm:size-28"
+          />
        </div>
        <div className="mt-8 grid grid-cols-2 gap-2.5 sm:mt-10 lg:grid-cols-4">
          {metrics.map(({ icon: Icon, label, value }) => (
            <div key={label} className="rounded-card border border-border/60 bg-surface-muted p-3.5">
-              <div className="flex items-center gap-2 text-xs text-muted"><Icon className="size-3.5 text-accent" />{label}</div>
+              <div className="flex items-center gap-2 text-xs text-muted">
+                <Icon className="size-3.5 text-accent" />
+                {label}
+              </div>
              <p className="mt-2 text-base font-semibold">{value}</p>
            </div>
          ))}