Function getWeatherV2Description

Returns IOption<
    | "thunderstorm_with_light_rain"
    | "thunderstorm"
    | "thunderstorm_with_rain"
    | "thunderstorm_with_heavy_rain"
    | "light_thunderstorm"
    | "heavy_thunderstorm"
    | "ragged_thunderstorm"
    | "thunderstorm_with_light_drizzle"
    | "thunderstorm_with_drizzle"
    | "thunderstorm_with_heavy_drizzle"
    | "light_intensity_drizzle"
    | "drizzle"
    | "heavy_intensity_drizzle"
    | "light_intensity_drizzle_rain"
    | "drizzle_rain"
    | "heavy_intensity_drizzle_rain"
    | "shower_rain_and_drizzle"
    | "heavy_shower_rain_and_drizzle"
    | "shower_drizzle"
    | "light_rain"
    | "moderate_rain"
    | "heavy_intensity_rain"
    | "very_heavy_rain"
    | "extreme_rain"
    | "freezing_rain"
    | "light_intensity_shower_rain"
    | "shower_rain"
    | "heavy_intensity_shower_rain"
    | "ragged_shower_rain"
    | "light_snow"
    | "snow"
    | "heavy_snow"
    | "sleet"
    | "light_shower_sleet"
    | "shower_sleet"
    | "light_rain_and_snow"
    | "rain_and_snow"
    | "light_shower_snow"
    | "shower_snow"
    | "heavy_shower_snow"
    | "mist"
    | "smoke"
    | "haze"
    | "sand_dust_whirls"
    | "fog"
    | "sand"
    | "dust"
    | "volcanic_ash"
    | "squalls"
    | "tornado"
    | "clear_sky"
    | "few_clouds_11-25_percent"
    | "scattered_clouds_25-50_percent"
    | "broken_clouds_51-84_percent"
    | "overcast_clouds_85-100_percent",
>

option for weather description key

const weatherComponent = ({data}) => {
  const key = getWeatherV2Description(data.weather[0]?.id).unwrapOr('unknown');
  return (
    <div>
      {t(`weather:${key}`}
    </div>
  );
}
Copy