Added code to allow toggle of active tabs so the active tab doesn't c…

…over the t-shirt on mobile view
GIT-Gizmo · Apr 16, 2024 · 526b037 · 526b037
1 parent 53e0d8c
commit 526b037
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/client/src/pages/Customizer.jsx b/client/src/pages/Customizer.jsx
@@ -44,6 +44,11 @@ const Customizer = () => {
         }
     }
 
+    // Toggle the selected editor tab
+    const toggleEditorTab = (tabName) => {
+        setActiveEditorTab((prevTab) => (prevTab === tabName ? '' : tabName));
+    }
+
     const handleSubmit = async (type) => {
         if (!prompt) return alert("Please enter a prompt!");
 
@@ -128,7 +133,8 @@ const Customizer = () => {
                                 <Tab
                                     key={tab.name}
                                     tab={tab}
-                                    handleClick={() => setActiveEditorTab(tab.name)}
+                                    handleClick={() => toggleEditorTab(tab.name)}
+                                    isActive={activeEditorTab === tab.name}
                                 />
                             ))}
                             {generateTabContent()}