From 68ee6a20a44914db10a1a5dfaacf26f35219be4b Mon Sep 17 00:00:00 2001
From: Sara <sara@monadical.com>
Date: Wed, 8 Nov 2023 16:24:09 +0100
Subject: [PATCH] remove timeout

---
 www/app/(errors)/errorMessage.tsx           | 16 ----------------
 www/app/[domain]/transcripts/useWaveform.ts |  2 +-
 www/app/lib/errorUtils.ts                   |  1 +
 3 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/www/app/(errors)/errorMessage.tsx b/www/app/(errors)/errorMessage.tsx
index 8489af92..6d198650 100644
--- a/www/app/(errors)/errorMessage.tsx
+++ b/www/app/(errors)/errorMessage.tsx
@@ -6,7 +6,6 @@ import * as Sentry from "@sentry/react";
 const ErrorMessage: React.FC = () => {
   const { error, setError, humanMessage } = useError();
   const [isVisible, setIsVisible] = useState<boolean>(false);
-  const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout>();
 
   // Setup Shortcuts
   useEffect(() => {
@@ -39,27 +38,12 @@ const ErrorMessage: React.FC = () => {
     }
   }, [error]);
 
-  useEffect(() => {
-    if (isVisible) {
-      setTimeoutId(
-        setTimeout(() => {
-          setIsVisible(false);
-          setTimeoutId(undefined);
-        }, 30000),
-      );
-    }
-    if (!isVisible && timeoutId) {
-      clearTimeout(timeoutId);
-    }
-  }, [isVisible]);
-
   if (!isVisible || !humanMessage) return null;
 
   return (
     <button
       onClick={() => {
         setIsVisible(false);
-        setIsVisible(false);
       }}
       className="max-w-xs z-50 fixed bottom-5 right-5 md:bottom-10 md:right-10 border-solid bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded transition-opacity duration-300 ease-out opacity-100 hover:opacity-80 focus-visible:opacity-80 cursor-pointer transform hover:scale-105 focus-visible:scale-105"
       role="alert"
diff --git a/www/app/[domain]/transcripts/useWaveform.ts b/www/app/[domain]/transcripts/useWaveform.ts
index e0b98cc2..46b33c63 100644
--- a/www/app/[domain]/transcripts/useWaveform.ts
+++ b/www/app/[domain]/transcripts/useWaveform.ts
@@ -23,7 +23,6 @@ const useWaveform = (protectedPath, id: string): AudioWaveFormResponse => {
 
   useEffect(() => {
     if (!id || !api) return;
-    console.log("hee");
     setLoading(true);
     const requestParameters: V1TranscriptGetAudioWaveformRequest = {
       transcriptId: id,
@@ -37,6 +36,7 @@ const useWaveform = (protectedPath, id: string): AudioWaveFormResponse => {
       })
       .catch((err) => {
         setErrorState(err);
+        console.log(err);
         const shouldShowHuman = shouldShowError(err);
         if (shouldShowHuman) {
           setError(err, "There was an error loading the waveform");
diff --git a/www/app/lib/errorUtils.ts b/www/app/lib/errorUtils.ts
index 6455cd75..81a39b5d 100644
--- a/www/app/lib/errorUtils.ts
+++ b/www/app/lib/errorUtils.ts
@@ -1,6 +1,7 @@
 function shouldShowError(error: Error | null | undefined) {
   if (error?.name == "ResponseError" && error["response"].status == 404)
     return false;
+  if (error?.name == "FetchError") return false;
   return true;
 }