Merge pull request #332 from CommandDash/web-whoosh-sound-effect-expe…

…rimental (feat): add a sound validation on agent submit button
CommandDash · Aug 18, 2024 · fbdaa46 · fbdaa46
2 parents ef85193 + 3b69011
commit fbdaa46
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/web/src/lib/components/CreateAgentDialog.svelte b/web/src/lib/components/CreateAgentDialog.svelte
@@ -21,10 +21,22 @@
         { id: 'pub', icon: 'icons8-dart-96.png', label: 'Pub', placeholder: 'https://pub.dev/packages/name' },
     ];
 
+    let soundEffect: HTMLAudioElement | null = null;
+
+    if (typeof window !== 'undefined') {
+        // Preload the sound effect
+        soundEffect = new Audio('whoosh.mp3');
+        soundEffect.preload = 'auto';
+        soundEffect.volume = 0.5
+    }
+
     const onCreateAgent = () => {
         value = value.trim();
         const { isValid } = validateURL(value, selectedPlatform);
         if (isValid) {
+            // Play the sound effect
+            soundEffect?.play();
+
             appInsights.trackEvent({
                 name: "CreateAgentSubmitted",
                 properties: { platform: selectedPlatform, url: value },

diff --git a/web/static/whoosh.mp3 b/web/static/whoosh.mp3