From 153d4c213dcaa6b283f59aa5b0f2c2d888b0b01b Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Mon, 22 Apr 2024 16:13:12 -0400
Subject: [PATCH] catching waveform undefined cases

---
 .../AudioTabComponent/WaveformPlayer.tsx      | 35 ++++++++++---------
 .../AudioTabComponent/audioItemElement.tsx    |  4 ---
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/WaveformPlayer.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/WaveformPlayer.tsx
index 0614fe4075..1603b8277f 100644
--- a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/WaveformPlayer.tsx
+++ b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/WaveformPlayer.tsx
@@ -12,26 +12,29 @@ export const WaveformPlayer = ({
   const [isPlaying, toggleIsPlaying] = useState(false);
 
   const containerRef = useCallback((node:HTMLDivElement)=>{
-    const waveSurfer = WaveSurfer.create({
-      container: node,
-      barWidth: 2,
-      height: 30,
-      cursorWidth: 0,
-    });
-    waveSurfer.load(audio);
-    waveSurfer.on('ready', () => {
-      waveSurferRef.current = waveSurfer;
-    });
-    waveSurfer.on('play', () => {
-      toggleIsPlaying(true);
-    });
-    waveSurfer.on('pause', () => {
-      toggleIsPlaying(false);
-    });
+    if(node){
+      const waveSurfer = WaveSurfer.create({
+        container: node,
+        barWidth: 2,
+        height: 30,
+        cursorWidth: 0,
+      });
+      waveSurfer.load(audio);
+      waveSurfer.on('ready', () => {
+        waveSurferRef.current = waveSurfer;
+      });
+      waveSurfer.on('play', () => {
+        toggleIsPlaying(true);
+      });
+      waveSurfer.on('pause', () => {
+        toggleIsPlaying(false);
+      });
+    }
   }, []);
 
   useEffect(()=>{
     return()=>{
+      console.log("OK?");
       waveSurferRef.current?.destroy();
     }
   },[]);
diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/audioItemElement.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/audioItemElement.tsx
index 1714c3c8a0..9ea1cf7a4b 100644
--- a/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/audioItemElement.tsx
+++ b/app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/audioItemElement.tsx
@@ -32,10 +32,6 @@ export const AudioItemElement = ({ item }: Props) => {
 
   const { initX, initY } = initPosition.value;
 
-  useEffect (()=>{
-    console.log(item.publicBucketPath);
-  }, []);
-
   useEffect(() => {
     const onPointerUp = () => {
       if (dragItem.value) {