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 =