From 41372ac359910ff36fc1b5d734be01e1756865b5 Mon Sep 17 00:00:00 2001
From: omar <ooomar92@gmail.com>
Date: Fri, 3 Apr 2026 06:02:06 +0200
Subject: [PATCH] refactor: improve tab visibility logic in Project.tsx

Replace conditional rendering with class-based visibility for the
'GenSpace' and 'VideoEditor' components, This fix the bug of losing the generation if swapped taps while something is generating
---
 frontend/views/Project.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/views/Project.tsx b/frontend/views/Project.tsx
index e132974c..776f5e57 100644
--- a/frontend/views/Project.tsx
+++ b/frontend/views/Project.tsx
@@ -152,9 +152,10 @@ export function Project() {
       </header>
       
       <main className="flex-1 overflow-hidden relative">
-        {currentTab === 'gen-space' ? (
+        <div className={currentTab === 'gen-space' ? 'h-full' : 'hidden h-full'}>
           <GenSpace />
-        ) : (
+        </div>
+        <div className={currentTab === 'video-editor' ? 'h-full' : 'hidden h-full'}>
           <VideoEditor
             key={currentProject.id}
             currentProject={currentProject}
@@ -162,7 +163,7 @@ export function Project() {
             pendingRetakeUpdate={pendingRetakeUpdate}
             pendingIcLoraUpdate={pendingIcLoraUpdate}
           />
-        )}
+        </div>
       </main>
     </div>
   )