feat: add drill-down navigation for Instance settings on mobile

Replace inline InstancePanel render with MobileInstancePanel that shows
a navigation list for General, Streaming, Storage, and Users sub-panels.
Each sub-panel pushes onto the mobile screen stack with MobileScreenHeader.
This commit is contained in:
Jannis Braun
2026-03-23 14:16:56 +01:00
parent 7c40a230bc
commit 54b367924d
3 changed files with 99 additions and 3 deletions
@@ -5,7 +5,6 @@ import { AccountPanel } from '../modals/settingsPanels/AccountPanel';
import { VoicePanel } from '../modals/settingsPanels/VoicePanel';
import { ConnectionsPanel } from '../modals/settingsPanels/ConnectionsPanel';
import { PrivacyPanel } from '../modals/settingsPanels/PrivacyPanel';
import { InstancePanel } from '../modals/settingsPanels/InstancePanel';
interface MobileSettingsScreenProps {
initialPanel?: string;
@@ -16,7 +15,6 @@ const panelConfig: Record<string, { title: string; component: React.ReactNode }>
voice: { title: 'Voice & Audio', component: <VoicePanel /> },
privacy: { title: 'Privacy', component: <PrivacyPanel /> },
connections: { title: 'Connections', component: <ConnectionsPanel /> },
instance: { title: 'Instance', component: <InstancePanel /> },
};
const sectionIcons: Record<string, React.ReactNode> = {