mirror of
				https://github.com/KevinMidboe/immich.git
				synced 2025-10-29 17:40:28 +00:00 
			
		
		
		
	feat(web): added toggle for Sharing button in the sidebar (#4674)
* Added toggle for Sharing button in the sidebar * fix: format --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
		| @@ -77,6 +77,7 @@ | |||||||
|       <SideBarButton title="People" icon={mdiAccount} isSelected={$page.route.id === '/(user)/people'} /> |       <SideBarButton title="People" icon={mdiAccount} isSelected={$page.route.id === '/(user)/people'} /> | ||||||
|     </a> |     </a> | ||||||
|   {/if} |   {/if} | ||||||
|  |   {#if $sidebarSettings.sharing} | ||||||
|     <a data-sveltekit-preload-data="hover" href={AppRoute.SHARING} draggable="false"> |     <a data-sveltekit-preload-data="hover" href={AppRoute.SHARING} draggable="false"> | ||||||
|       <SideBarButton |       <SideBarButton | ||||||
|         title="Sharing" |         title="Sharing" | ||||||
| @@ -94,6 +95,7 @@ | |||||||
|         </svelte:fragment> |         </svelte:fragment> | ||||||
|       </SideBarButton> |       </SideBarButton> | ||||||
|     </a> |     </a> | ||||||
|  |   {/if} | ||||||
|  |  | ||||||
|   <div class="text-xs transition-all duration-200 dark:text-immich-dark-fg"> |   <div class="text-xs transition-all duration-200 dark:text-immich-dark-fg"> | ||||||
|     <p class="hidden p-6 group-hover:sm:block md:block">LIBRARY</p> |     <p class="hidden p-6 group-hover:sm:block md:block">LIBRARY</p> | ||||||
|   | |||||||
| @@ -10,6 +10,9 @@ | |||||||
|       <div class="ml-4"> |       <div class="ml-4"> | ||||||
|         <SettingSwitch title="People" subtitle="Display a link to People" bind:checked={$sidebarSettings.people} /> |         <SettingSwitch title="People" subtitle="Display a link to People" bind:checked={$sidebarSettings.people} /> | ||||||
|       </div> |       </div> | ||||||
|  |       <div class="ml-4"> | ||||||
|  |         <SettingSwitch title="Sharing" subtitle="Display a link to Sharing" bind:checked={$sidebarSettings.sharing} /> | ||||||
|  |       </div> | ||||||
|     </div> |     </div> | ||||||
|   </div> |   </div> | ||||||
| </section> | </section> | ||||||
|   | |||||||
| @@ -49,10 +49,12 @@ export interface AlbumViewSettings { | |||||||
|  |  | ||||||
| export interface SidebarSettings { | export interface SidebarSettings { | ||||||
|   people: boolean; |   people: boolean; | ||||||
|  |   sharing: boolean; | ||||||
| } | } | ||||||
|  |  | ||||||
| export const sidebarSettings = persisted<SidebarSettings>('sidebar-settings', { | export const sidebarSettings = persisted<SidebarSettings>('sidebar-settings', { | ||||||
|   people: false, |   people: false, | ||||||
|  |   sharing: true, | ||||||
| }); | }); | ||||||
|  |  | ||||||
| export enum AlbumViewMode { | export enum AlbumViewMode { | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user