From c0b93791dc82ff614a22995345d5f8db4d82972a Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 4 Jan 2025 02:05:42 -0800
Subject: [PATCH] refac

---
 src/lib/components/NotificationToast.svelte | 13 ++++++++++---
 src/lib/stores/index.ts                     |  3 +++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/NotificationToast.svelte b/src/lib/components/NotificationToast.svelte
index 9e8ad907b..cc357bcc8 100644
--- a/src/lib/components/NotificationToast.svelte
+++ b/src/lib/components/NotificationToast.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { settings } from '$lib/stores';
+	import { settings, playingNotificationSound } from '$lib/stores';
 	import DOMPurify from 'dompurify';
 
 	import { marked } from 'marked';
@@ -17,8 +17,15 @@
 		}
 
 		if ($settings?.notificationSound ?? true) {
-			const audio = new Audio(`/audio/notification.mp3`);
-			audio.play();
+			if (!$playingNotificationSound) {
+				playingNotificationSound.set(true);
+
+				const audio = new Audio(`/audio/notification.mp3`);
+				audio.play().finally(() => {
+					// Ensure the global state is reset after the sound finishes
+					playingNotificationSound.set(false);
+				});
+			}
 		}
 	});
 </script>
diff --git a/src/lib/stores/index.ts b/src/lib/stores/index.ts
index bff1e18e3..e3c8858a1 100644
--- a/src/lib/stores/index.ts
+++ b/src/lib/stores/index.ts
@@ -69,6 +69,9 @@ export const temporaryChatEnabled = writable(false);
 export const scrollPaginationEnabled = writable(false);
 export const currentChatPage = writable(1);
 
+
+export const playingNotificationSound = writable(false);
+
 export type Model = OpenAIModel | OllamaModel;
 
 type BaseModel = {