wip

js/desktop/src/features/compose/recording-overlay.tsx

@@ -3,6 +3,7 @@ import { Paperclip } from "lucide-react";
 import type { RecordingMode } from "@/hooks/use-recording-mode";
 import { AudioLevelBars } from "@/components/audio/audio-level-bars";
 import { useAudioSource } from "@/components/audio/use-audio-source";
+import { useObjectUrl } from "@/hooks/use-object-url";
 import { AttachmentStrip } from "@/features/compose/attachment-strip";
 import type { PendingAttachment } from "@/features/compose/attachment-strip";
 import { cn } from "@/lib/utils";
@@ -65,23 +66,11 @@ function ReviewPlayback({
   mirror?: boolean;
   objectFit?: "cover" | "contain";
 }) {
-  const urlRef = useRef<string | null>(null);
-  const [objectUrl, setObjectUrl] = useState<string | null>(null);
+  const objectUrl = useObjectUrl(blob);
   const audioElRef = useRef<HTMLAudioElement | null>(null);
   const [audioEl, setAudioEl] = useState<HTMLAudioElement | null>(null);
   const audioSource = useAudioSource(isVideo ? null : audioEl);
 
-  useEffect(() => {
-    const url = URL.createObjectURL(blob);
-    urlRef.current = url;
-    setObjectUrl(url);
-
-    return () => {
-      URL.revokeObjectURL(url);
-      urlRef.current = null;
-    };
-  }, [blob]);
-
   if (!objectUrl) return null;
 
   if (isVideo) {