diff --git a/web/src/lib/components/shared-components/side-bar/side-bar.svelte b/web/src/lib/components/shared-components/side-bar/side-bar.svelte index c6ac3b13a3..d5818a079c 100644 --- a/web/src/lib/components/shared-components/side-bar/side-bar.svelte +++ b/web/src/lib/components/shared-components/side-bar/side-bar.svelte @@ -9,13 +9,14 @@ import ArchiveArrowDownOutline from 'svelte-material-icons/ArchiveArrowDownOutline.svelte'; import Magnify from 'svelte-material-icons/Magnify.svelte'; import Map from 'svelte-material-icons/Map.svelte'; + import Account from 'svelte-material-icons/Account.svelte'; import HeartMultipleOutline from 'svelte-material-icons/HeartMultipleOutline.svelte'; import HeartMultiple from 'svelte-material-icons/HeartMultiple.svelte'; import { AppRoute } from '../../../constants'; import LoadingSpinner from '../loading-spinner.svelte'; import StatusBox from '../status-box.svelte'; import SideBarButton from './side-bar-button.svelte'; - import { locale } from '$lib/stores/preferences.store'; + import { locale, sidebarSettings } from '$lib/stores/preferences.store'; import SideBarSection from './side-bar-section.svelte'; import { featureFlags } from '$lib/stores/server-config.store'; @@ -67,6 +68,11 @@ {/if} + {#if $sidebarSettings.people} + + + + {/if} + import { fade } from 'svelte/transition'; + import { sidebarSettings } from '../../stores/preferences.store'; + import SettingSwitch from '../admin-page/settings/setting-switch.svelte'; + + +
+
+
+
+ +
+
+
+
diff --git a/web/src/lib/components/user-settings-page/user-settings-list.svelte b/web/src/lib/components/user-settings-page/user-settings-list.svelte index f5875ded20..3a90da0b3e 100644 --- a/web/src/lib/components/user-settings-page/user-settings-list.svelte +++ b/web/src/lib/components/user-settings-page/user-settings-list.svelte @@ -6,12 +6,13 @@ import SettingAccordion from '../admin-page/settings/setting-accordion.svelte'; import ChangePasswordSettings from './change-password-settings.svelte'; import DeviceList from './device-list.svelte'; + import LibraryList from './library-list.svelte'; import MemoriesSettings from './memories-settings.svelte'; import OAuthSettings from './oauth-settings.svelte'; import PartnerSettings from './partner-settings.svelte'; + import SidebarSettings from './sidebar-settings.svelte'; import UserAPIKeyList from './user-api-key-list.svelte'; import UserProfileSettings from './user-profile-settings.svelte'; - import LibraryList from './library-list.svelte'; export let user: UserResponseDto; @@ -62,3 +63,7 @@ + + + + diff --git a/web/src/lib/stores/preferences.store.ts b/web/src/lib/stores/preferences.store.ts index 281b0623f0..211b71efac 100644 --- a/web/src/lib/stores/preferences.store.ts +++ b/web/src/lib/stores/preferences.store.ts @@ -44,6 +44,14 @@ export interface AlbumViewSettings { view: string; } +export interface SidebarSettings { + people: boolean; +} + +export const sidebarSettings = persisted('sidebar-settings', { + people: false, +}); + export enum AlbumViewMode { Cover = 'Cover', List = 'List',