new sounds

frontend/src/lib/components/CameraScreen.svelte

@@ -43,6 +43,12 @@
 		};
 	});
 
+	function playSuccessSound() {
+		const audio = new Audio("/report completed.mp3");
+		audio.volume = 0.5;
+		audio.play().catch((e) => console.error("Error playing sound:", e));
+	}
+
 	function handleFileUpload(event: Event) {
 		const input = event.target as HTMLInputElement;
 		const file = input.files?.[0];
@@ -67,6 +73,7 @@
 				analyzing = false;
 				showResult = true;
 				resultTranslateY = 0;
+				playSuccessSound();
 				typeText();
 			}, 1200);
 		};
@@ -99,6 +106,7 @@
 			analyzing = false;
 			showResult = true;
 			resultTranslateY = 0;
+			playSuccessSound();
 			typeText();
 		}, 1200);
 	}

frontend/src/lib/components/CustomTabBar.svelte

@@ -41,7 +41,14 @@
 		},
 	];
 
+	function playClickSound() {
+		const audio = new Audio("/clickpagesound.mp3");
+		audio.volume = 0.4;
+		audio.play().catch((e) => console.error("Error playing sound:", e));
+	}
+
 	function navigateToTab(route: string) {
+		playClickSound();
 		goto(route);
 	}
 

frontend/src/routes/+layout.svelte

@@ -64,6 +64,12 @@
 		recentItems = [item, ...recentItems];
 	}
 
+	function playClickSound() {
+		const audio = new Audio("/clickpagesound.mp3");
+		audio.volume = 0.4;
+		audio.play().catch((e) => console.error("Error playing sound:", e));
+	}
+
 	const navLinks = [
 		{ name: "Home", route: "/", icon: "ri:home-4-line" },
 		{ name: "Goal", route: "/goal", icon: "ri:flag-2-line" },
@@ -114,12 +120,17 @@
 						href={link.route}
 						class="nav-link"
 						class:active={$page.route.id === link.route}
+						onclick={playClickSound}
 					>
 						<Icon icon={link.icon} width="20" />
 						<span>{link.name}</span>
 					</a>
 				{/each}
-				<a href="/catalogue" class="catalogue-button">
+				<a
+					href="/catalogue"
+					class="catalogue-button"
+					onclick={playClickSound}
+				>
 					<Icon icon="ri:search-line" width="20" />
 					<span>Browse Catalogue</span>
 				</a>