diff --git a/components/settings/__tests__/settings-section-links.test.tsx b/components/settings/__tests__/settings-section-links.test.tsx index 8801d05cb..273a95e4b 100644 --- a/components/settings/__tests__/settings-section-links.test.tsx +++ b/components/settings/__tests__/settings-section-links.test.tsx @@ -22,7 +22,11 @@ vi.mock('@/hooks/use-config', () => ({ useConfig: () => ({ appName: 'Mail', stal vi.mock('@/components/layout/navigation-rail', () => ({ NavigationRail: () => null })); vi.mock('@/components/layout/sidebar-apps-modal', () => ({ SidebarAppsModal: () => null })); vi.mock('@/components/plugins/app-top-banner-slot', () => ({ AppTopBannerSlot: () => null })); -vi.mock('@/components/settings/appearance-settings', () => ({ AppearanceSettings: () =>
appearance pane
})); +vi.mock('@/components/settings/about-data-settings', () => ({ + AboutDataSettings: () => null, + AboutFooter: () =>
, +})); +vi.mock('@/components/settings/appearance-settings',() => ({ AppearanceSettings: () =>
appearance pane
})); vi.mock('@/components/settings/organize-settings', () => ({ OrganizeSettings: () => (
@@ -111,4 +115,11 @@ describe('settings section links', () => { await waitFor(() => expect(useSettingsStore.getState().showAdvancedSettings).toBe(true), { timeout: 3000 }); await waitFor(() => expect(scrolled).toContain('downloads')); }); + + it('shows the version footer in the sidebar only with Advanced on', () => { + render(); + expect(screen.queryByTestId('about-footer')).toBeNull(); + fireEvent.click(screen.getByTestId('settings-advanced-switch')); + expect(screen.getByTestId('about-footer')).toBeInTheDocument(); + }); }); diff --git a/components/settings/settings-app.tsx b/components/settings/settings-app.tsx index 3a4dc2bcb..275f9e14d 100644 --- a/components/settings/settings-app.tsx +++ b/components/settings/settings-app.tsx @@ -373,6 +373,7 @@ export function SettingsApp({ linkSegments: routeSegments }: SettingsAppProps = // plugins/themes/sidebar apps). const touchScreen = useMediaQuery('(pointer: coarse)'); const mountainViewLayout = useSettingsStore((s) => s.interfaceLayout === 'mountain-view'); + const showAdvanced = useSettingsStore((s) => s.showAdvancedSettings); const multiAccount = useAccountStore((s) => s.accounts.length > 0); const { tabSearchHaystacks, tabSubResults } = useMemo(() => { const haystacks: Partial> = {}; @@ -1032,7 +1033,7 @@ export function SettingsApp({ linkSegments: routeSegments }: SettingsAppProps =
- + {showAdvanced && }