From 1f3d10842d8b89ea9756793d6f26554827158b60 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 22 Mar 2026 02:26:15 +0100
Subject: [PATCH] fix: correct mobileView initial state and add SpaceSettings
 tab reset

- UserSettings: change mobileView default from 'content' to 'tabs'
- SpaceSettings: add useEffect to reset tab and mobileView on modal open
---
 packages/web/src/components/modals/SpaceSettings.tsx | 8 ++++++++
 packages/web/src/components/modals/UserSettings.tsx  | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/modals/SpaceSettings.tsx b/packages/web/src/components/modals/SpaceSettings.tsx
index 049a25ee..34c86251 100644
--- a/packages/web/src/components/modals/SpaceSettings.tsx
+++ b/packages/web/src/components/modals/SpaceSettings.tsx
@@ -282,6 +282,14 @@ export function SpaceSettingsModal() {
   const canManageRoles = hasPermissionBit(mySpacePerms, PermissionBits.MANAGE_ROLES);
   const canBanMembers = hasPermissionBit(mySpacePerms, PermissionBits.BAN_MEMBERS);
 
+  // Reset tab and mobile view when modal opens
+  useEffect(() => {
+    if (isOpen) {
+      setTab('overview');
+      setMobileView('tabs');
+    }
+  }, [isOpen]);
+
   if (!space || !currentSpaceId) return null;
 
   const tabClass = (t: typeof tab) =>
diff --git a/packages/web/src/components/modals/UserSettings.tsx b/packages/web/src/components/modals/UserSettings.tsx
index 549b7075..68ba5d09 100644
--- a/packages/web/src/components/modals/UserSettings.tsx
+++ b/packages/web/src/components/modals/UserSettings.tsx
@@ -21,7 +21,7 @@ export function UserSettingsModal() {
   const logout = useAuthStore((s) => s.logout);
 
   const [tab, setTab] = useState<SettingsTab>('account');
-  const [mobileView, setMobileView] = useState<'tabs' | 'content'>('content');
+  const [mobileView, setMobileView] = useState<'tabs' | 'content'>('tabs');
 
   const isOpen = activeModal === 'userSettings';