From 2ff31f5a826f5f1a23b570a394062a0de0531693 Mon Sep 17 00:00:00 2001
From: LukeGus <bugattiguy527@gmail.com>
Date: Fri, 8 Aug 2025 00:43:52 -0500
Subject: [PATCH] Dont unmount apps

---
 src/App.tsx | 58 +++++++++++++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 99d1319c..8940ef8c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,36 +8,46 @@ import {SSHManager} from "@/apps/SSH/Manager/SSHManager.tsx"
 
 function App() {
     const [view, setView] = React.useState<string>("homepage")
+    const [mountedViews, setMountedViews] = React.useState<Set<string>>(new Set(["homepage"]))
 
-    const renderActiveView = () => {
-        switch (view) {
-            case "homepage":
-                return <Homepage
-                    onSelectView={setView}
-                />
-            case "ssh_manager":
-                return <SSHManager
-                    onSelectView={setView}
-                />
-            case "terminal":
-                return <SSH
-                    onSelectView={setView}
-                />
-            case "tunnel":
-                return <SSHTunnel
-                    onSelectView={setView}
-                />
-            case "config_editor":
-                return <ConfigEditor
-                    onSelectView={setView}
-                />
-        }
+    const handleSelectView = (nextView: string) => {
+        setMountedViews((prev) => {
+            if (prev.has(nextView)) return prev
+            const next = new Set(prev)
+            next.add(nextView)
+            return next
+        })
+        setView(nextView)
     }
 
     return (
         <div className="flex min-h-svh w-full">
             <main className="flex-1 w-full">
-                {renderActiveView()}
+                {mountedViews.has("homepage") && (
+                    <div style={{display: view === "homepage" ? "block" : "none"}}>
+                        <Homepage onSelectView={handleSelectView} />
+                    </div>
+                )}
+                {mountedViews.has("ssh_manager") && (
+                    <div style={{display: view === "ssh_manager" ? "block" : "none"}}>
+                        <SSHManager onSelectView={handleSelectView} />
+                    </div>
+                )}
+                {mountedViews.has("terminal") && (
+                    <div style={{display: view === "terminal" ? "block" : "none"}}>
+                        <SSH onSelectView={handleSelectView} />
+                    </div>
+                )}
+                {mountedViews.has("tunnel") && (
+                    <div style={{display: view === "tunnel" ? "block" : "none"}}>
+                        <SSHTunnel onSelectView={handleSelectView} />
+                    </div>
+                )}
+                {mountedViews.has("config_editor") && (
+                    <div style={{display: view === "config_editor" ? "block" : "none"}}>
+                        <ConfigEditor onSelectView={handleSelectView} />
+                    </div>
+                )}
             </main>
         </div>
     )