ベルを2回鳴らす

pos/app/components/pages/CashierV2.tsx

@@ -2,7 +2,7 @@ import type { WithId } from "common/lib/typeguard";
 import type { ItemEntity } from "common/models/item";
 import type { OrderEntity } from "common/models/order";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import bellSound from "~/assets/bell.mp3";
+import bellTwice from "~/assets/bell_twice.mp3";
 import { Switch } from "~/components/ui/switch";
 import { usePrinter } from "~/label/print-util";
 import { cn } from "~/lib/utils";
@@ -47,17 +47,10 @@ const CashierV2 = ({ items, orders, submitPayload, syncOrder }: props) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const [UISession, renewUISession] = useUISession();
   const { nextOrderId } = useLatestOrderId(orders);
-  const soundRef1 = useRef<HTMLAudioElement>(null);
-  const soundRef2 = useRef<HTMLAudioElement>(null);
+  const soundRef = useRef<HTMLAudioElement>(null);
 
   const playSound = useCallback(() => {
-    soundRef1.current?.play();
-    const timer = setTimeout(() => {
-      soundRef2.current?.play();
-    }, 500);
-    return () => {
-      clearTimeout(timer);
-    };
+    soundRef.current?.play();
   }, []);
 
   useSyncCahiserOrder(newOrder, syncOrder);
@@ -255,10 +248,7 @@ const CashierV2 = ({ items, orders, submitPayload, syncOrder }: props) => {
             />
           </div>
         </div>
-        <audio src={bellSound} ref={soundRef1}>
-          <track kind="captions" />
-        </audio>
-        <audio src={bellSound} ref={soundRef2}>
+        <audio src={bellTwice} ref={soundRef}>
           <track kind="captions" />
         </audio>
       </div>