From 5e381e59d12c25cfc3225c7aba9e4f84b30b206e Mon Sep 17 00:00:00 2001
From: Hayk Martiros <hayk.mart@gmail.com>
Date: Sun, 27 Nov 2022 13:19:01 -0800
Subject: [PATCH] Cleanup in viewer

---
 components/SpectrogramViewer.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/SpectrogramViewer.tsx b/components/SpectrogramViewer.tsx
index 41a846d..82b8609 100644
--- a/components/SpectrogramViewer.tsx
+++ b/components/SpectrogramViewer.tsx
@@ -24,7 +24,7 @@ export default function SpectrogramViewer({
   audioLength,
   use_height_map = true,
 }: SpectrogramViewerProps) {
-  const camera = useThree((state) => state.camera);
+  const { camera } = useThree();
 
   const playheadRef = useRef(null);
 
@@ -67,7 +67,8 @@ export default function SpectrogramViewer({
         }
       })}
 
-      {/* TODO make into playhead component */}
+      {/* Playhead as as transparent red box. */}
+      {/* TODO(hayk): Synchronize this better with the audio. */}
       <group ref={playheadRef}>
         <Box
           args={[5.5, 2.0, 0.15]}