Force re-render of console and file on nav

retrixe · Dec 20, 2024 · 5b3817a · 5b3817a
1 parent f2f291a
commit 5b3817a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/pages/dashboard/[server]/console.tsx b/pages/dashboard/[server]/console.tsx
@@ -268,7 +268,7 @@ const Console = ({
 }
 
 const ConsolePage = (): React.JSX.Element => {
-  const { server, nodeExists } = useOctyneData()
+  const { server, node, nodeExists } = useOctyneData()
   const [serverExists, setServerExists] = useState(true)
   const [authenticated, setAuthenticated] = useState(true)
   return (
@@ -284,7 +284,11 @@ const ConsolePage = (): React.JSX.Element => {
         ) : !authenticated ? (
           <AuthFailure />
         ) : (
-          <Console setAuthenticated={setAuthenticated} setServerExists={setServerExists} />
+          <Console
+            key={JSON.stringify({ server, node })}
+            setAuthenticated={setAuthenticated}
+            setServerExists={setServerExists}
+          />
         )}
       </DashboardLayout>
     </React.StrictMode>

diff --git a/pages/dashboard/[server]/files/[[...path]].tsx b/pages/dashboard/[server]/files/[[...path]].tsx
@@ -8,7 +8,7 @@ import DashboardLayout from '../../../../imports/dashboard/dashboardLayout'
 import FileManager from '../../../../imports/dashboard/files/fileManager'
 
 const Files: NextPage<Record<string, unknown>> = () => {
-  const { nodeExists } = useOctyneData()
+  const { server, node, nodeExists } = useOctyneData()
   const [serverExists, setServerExists] = useState(true)
   const [authenticated, setAuthenticated] = useState(true)
 
@@ -20,7 +20,11 @@ const Files: NextPage<Record<string, unknown>> = () => {
         ) : !authenticated ? (
           <AuthFailure />
         ) : (
-          <FileManager setServerExists={setServerExists} setAuthenticated={setAuthenticated} />
+          <FileManager
+            key={JSON.stringify({ server, node })}
+            setServerExists={setServerExists}
+            setAuthenticated={setAuthenticated}
+          />
         )}
       </DashboardLayout>
     </React.StrictMode>