Finish all options sets

modules/menus/calendar/weather/hourly/icon/index.js

@@ -0,0 +1,28 @@
+import icons from "../../../../../icons/index.js";
+
+export const HourlyIcon = (theWeather, getNextEpoch) => {
+  return Widget.Icon({
+    class_name: "hourly-weather-icon",
+    icon: theWeather.bind("value").as((w) => {
+      if (!Object.keys(w).length) {
+        return "-";
+      }
+
+      const nextEpoch = getNextEpoch(w);
+      const weatherAtEpoch = w.forecast.forecastday[0].hour.find(
+        (h) => h.time_epoch === nextEpoch,
+      );
+
+      let iconQuery = weatherAtEpoch?.condition.text
+        .trim()
+        .toLowerCase()
+        .replaceAll(" ", "_");
+
+      if (!weatherAtEpoch?.isDay && iconQuery === "partly_cloudy") {
+        iconQuery = "partly_cloudy_night";
+      }
+
+      return icons.weather[iconQuery];
+    }),
+  });
+};