Initial commit

src/utils/tldraw/ui-overrides/toolbars/userToolbar.tsx

@@ -0,0 +1,30 @@
+import { useNavigate } from 'react-router-dom';
+import { useAuth } from '../../../../contexts/AuthContext';
+import { ReactNode } from 'react';
+import { logger } from '../../../../debugConfig';
+
+export function UserToolbar({ children }: { children: (props: { handleLogout: () => Promise<void>, handleNavUserHome: () => void }) => ReactNode }) {
+    const { signOut } = useAuth();
+    const navigate = useNavigate();
+
+    const handleLogout = async () => {
+        try {
+            await signOut();
+            logger.info('user-toolbar', '🚪 User logged out, navigating to home');
+            navigate('/');
+        } catch (error) {
+            logger.error('user-toolbar', '❌ Logout failed:', error);
+        }
+    };
+
+    const handleNavUserHome = () => {
+        logger.info('user-toolbar', '🏠 Navigating to single player page');
+        navigate('/single-player');
+    }
+
+    return (
+        <div style={{ display: 'flex', gap: '8px' }}>
+            {children({ handleLogout, handleNavUserHome })}
+        </div>
+    );
+}