Handle play() and load() promises for audio elements

Updated audio playback and preloading logic to check for and handle returned promises from play() and load() methods. This prevents uncaught promise rejections in browsers where these methods may return undefined, improving reliability and error handling for notification sounds.

components/admin/AdminAnalytics.tsx

@@ -438,7 +438,7 @@ export default function AdminAnalytics() {
               <span>Today: {analyticsData?.orders?.totalToday || 0}</span>
               <TrendIndicator 
                 current={analyticsData?.orders?.totalToday || 0} 
-                previous={(analyticsData?.orders?.total || 0) / 30} // Rough estimate
+                previous={(analyticsData?.orders?.total || 0) / 30}
               />
             </div>
             

components/audio-preloader.tsx

@@ -12,9 +12,16 @@ export function AudioPreloader() {
     audio.preload = 'auto'
     
     // Try to load it immediately
-    audio.load().catch(err => {
+    try {
+      const loadPromise = audio.load();
+      if (loadPromise !== undefined) {
+        loadPromise.catch(err => {
           console.log('Audio preload failed (non-critical):', err)
-    })
+        });
+      }
+    } catch (err) {
+      console.log('Audio preload failed (non-critical):', err)
+    }
 
     return () => {
       // Cleanup

components/dashboard/ChatDetail.tsx

@@ -153,7 +153,9 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
   const playNotificationSound = () => {
     if (audioRef.current) {
       audioRef.current.currentTime = 0;
-      audioRef.current.play().catch(err => {
+      const playPromise = audioRef.current.play();
+      if (playPromise !== undefined) {
+        playPromise.catch(err => {
           console.log('Error playing sound:', err);
           // Fallback to simple beep if audio file fails
           try {
@@ -168,6 +170,7 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
             console.error('Could not play fallback audio', e);
           }
         });
+      }
     } else {
       // Fallback to simple beep if audio element is not available
       try {

components/dashboard/ChatTable.tsx

@@ -92,10 +92,13 @@ export default function ChatTable() {
   // Play notification sound
   const playNotificationSound = () => {
     if (audioRef.current) {
-      audioRef.current.play().catch(e => {
+      const playPromise = audioRef.current.play();
+      if (playPromise !== undefined) {
+        playPromise.catch(e => {
           console.log("Failed to play notification sound:", e);
         });
       }
+    }
   };
   
   // Get vendor ID from JWT token

components/notifications/OrderNotifications.tsx

@@ -51,7 +51,9 @@ export default function OrderNotifications() {
   const playNotificationSound = () => {
     if (audioRef.current) {
       audioRef.current.currentTime = 0;
-      audioRef.current.play().catch(err => {
+      const playPromise = audioRef.current.play();
+      if (playPromise !== undefined) {
+        playPromise.catch(err => {
           console.log('Error playing sound:', err);
           // Fallback to simple beep if audio file fails
           try {
@@ -67,6 +69,7 @@ export default function OrderNotifications() {
           }
         });
       }
+    }
   };
 
   useEffect(() => {

lib/notification-context.tsx

@@ -147,7 +147,9 @@ export function NotificationProvider({ children }: NotificationProviderProps) {
   const playNotificationSound = () => {
     if (audioRef.current) {
       audioRef.current.currentTime = 0;
-      audioRef.current.play().catch(err => {
+      const playPromise = audioRef.current.play();
+      if (playPromise !== undefined) {
+        playPromise.catch(err => {
           console.log('Error playing sound:', err);
           // Fallback beep if audio file fails
           try {
@@ -163,6 +165,7 @@ export function NotificationProvider({ children }: NotificationProviderProps) {
           }
         });
       }
+    }
   };
 
   // Check for new paid orders