From 18a2459131cc5b44a822f16a31c38c157bb51d3a Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 4 Jul 2023 15:13:57 -0300
Subject: [PATCH] fix(codeAreaModal): initialize error state with null to avoid
 undefined error fix(codeAreaModal): disable second tab trigger if error
 detail is null to prevent user from switching to it

---
 src/frontend/src/modals/codeAreaModal/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index e08662349..38d8202ac 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -50,7 +50,7 @@ export default function CodeAreaModal({
   const { setErrorData, setSuccessData } = useContext(alertContext);
   const { closePopUp } = useContext(PopUpContext);
   const [activeTab, setActiveTab] = useState("0");
-  const [error, setError] = useState<{detail:string,traceback:string}>()
+  const [error, setError] = useState<{detail:string,traceback:string}>(null)
   const ref = useRef();
   function setModalOpen(x: boolean) {
     setOpen(x);
@@ -142,7 +142,7 @@ export default function CodeAreaModal({
           <div className="flex flex-col items-start h-72 px-2">
             <TabsList>
               {tabs.map((tab, index) => (
-                <TabsTrigger key={index} value={index.toString()}>{tab.name}</TabsTrigger>
+                <TabsTrigger disabled={index===1&&error?.detail!==null} key={index} value={index.toString()}>{tab.name}</TabsTrigger>
               ))}
             </TabsList>
             {tabs.map((tab, index) => (