From 15e7b56809f3bf56c22f3b495e3618de44bb8aab Mon Sep 17 00:00:00 2001
From: Tom Naughton <tomnaughton150@gmail.com>
Date: Thu, 11 Dec 2025 22:22:24 +0000
Subject: [PATCH] Split icon Id and get multiple images

---
 .../src/lib/components/elements/clock.svelte           | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/immichFrame.Web/src/lib/components/elements/clock.svelte b/immichFrame.Web/src/lib/components/elements/clock.svelte
index a30adc99..b97181a2 100644
--- a/immichFrame.Web/src/lib/components/elements/clock.svelte
+++ b/immichFrame.Web/src/lib/components/elements/clock.svelte
@@ -75,8 +75,14 @@
 				id="clockweatherinfo"
 				class="text-xl sm:text-xl md:text-2xl lg:text-3xl font-semibold text-shadow-sm weather-info"
 			>
-				{#if $configStore.weatherIconUrl }
-				<img src="{ $configStore.weatherIconUrl.replace('{IconId}', encodeURIComponent(weather.iconId)) }" class="icon-weather" alt="{weather.description}">
+				{#if $configStore.weatherIconUrl}
+					{#each weather.iconId?.split(',') ?? [] as icon (icon)}
+						<img
+							src={$configStore.weatherIconUrl.replace('{IconId}', encodeURIComponent(icon.trim()))}
+							class="icon-weather"
+							alt={weather.description}
+						/>
+					{/each}
 				{/if}
 				<div class="weather-location">{weather.location},</div>
 				<div class="weather-temperature">{weather.temperature?.toFixed(1)}</div>