From 056dcd96019992f5bf42e940d9079be1bb449063 Mon Sep 17 00:00:00 2001
From: Rob Colbert <rob@digitaltelepresence.com>
Date: Fri, 1 May 2026 20:15:34 -0400
Subject: [PATCH] return to Home on sign out

---
 gadget-code/frontend/src/App.tsx  | 6 +++---
 gadget-code/frontend/src/main.tsx | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/gadget-code/frontend/src/App.tsx b/gadget-code/frontend/src/App.tsx
index 2dd48cd..113e9ab 100644
--- a/gadget-code/frontend/src/App.tsx
+++ b/gadget-code/frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, createContext, useContext } from 'react';
-import { BrowserRouter, Routes, Route, Navigate, useNavigate } from 'react-router-dom';
+import { Routes, Route, Navigate, useNavigate } from 'react-router-dom';
 import { User } from './lib/api';
 import { socketClient } from './lib/socket';
 import Header from './components/Header';
@@ -60,6 +60,7 @@ export function useAppContext(): AppContextType {
 }
 
 export default function App() {
+  const navigate = useNavigate();
   const [user, setUser] = useState<User | null>(null);
   const [currentProject, setCurrentProject] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
@@ -92,6 +93,7 @@ export default function App() {
     setUser(null);
     setCurrentProject(null);
     socketClient.disconnect();
+    navigate('/');
   };
 
   const handleSetCurrentProject = (slug: string | null) => {
@@ -109,7 +111,6 @@ export default function App() {
 
   return (
     <AppContext.Provider value={{ user, currentProject, setCurrentProject: handleSetCurrentProject, onSignOut: handleSignOut }}>
-      <BrowserRouter>
         <div className="h-screen flex flex-col bg-bg-primary">
           <Header user={user} onSignOut={handleSignOut} />
           <main className="flex-1 flex overflow-hidden">
@@ -144,7 +145,6 @@ export default function App() {
           </main>
           <StatusBar projectSlug={currentProject} />
         </div>
-      </BrowserRouter>
     </AppContext.Provider>
   );
 }
\ No newline at end of file
diff --git a/gadget-code/frontend/src/main.tsx b/gadget-code/frontend/src/main.tsx
index b3c11a7..e921ff0 100644
--- a/gadget-code/frontend/src/main.tsx
+++ b/gadget-code/frontend/src/main.tsx
@@ -1,10 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
 );
\ No newline at end of file