From be302b77d44783265c1f5290324ce125ddbede69 Mon Sep 17 00:00:00 2001
From: John Costa <johncosta027@gmail.com>
Date: Wed, 2 Jul 2025 14:26:33 +0100
Subject: [PATCH] fix: title

---
 frontend/src/notifications/ProcessingImages.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/notifications/ProcessingImages.tsx b/frontend/src/notifications/ProcessingImages.tsx
index 20cbfdf..6f90bc8 100644
--- a/frontend/src/notifications/ProcessingImages.tsx
+++ b/frontend/src/notifications/ProcessingImages.tsx
@@ -52,12 +52,23 @@ const LoadingCircle: Component<{
 export const ProcessingImages: Component = () => {
 	const notifications = useNotifications();
 
+	const processingNumber = () =>
+		Object.keys(notifications.state.ProcessingImages).length;
+
 	return (
 		<Popover sameWidth gutter={4}>
 			<Popover.Trigger class="w-full flex justify-between rounded-xl bg-slate-800 text-gray-100 px-4 py-2">
-				<p class="text-md">Processing Images</p>
 				<Show
-					when={Object.keys(notifications.state.ProcessingImages).length === 0}
+					when={processingNumber() > 0}
+					fallback={<p class="text-md">No images to process</p>}
+				>
+					<p class="text-md">
+						Processing {processingNumber()}{" "}
+						{processingNumber() === 1 ? "image" : "images"}
+					</p>
+				</Show>
+				<Show
+					when={processingNumber() === 0}
 					fallback={<LoadingCircle status="loading" />}
 				>
 					<LoadingCircle status="complete" />