From 25a0a62f6a81fd1ad9ddd2c87155fce552ad5fd2 Mon Sep 17 00:00:00 2001
From: Yonggan <yonggan@obco.pro>
Date: Sat, 10 Jun 2023 14:04:31 +0200
Subject: [PATCH] Add select all button to albums

---
 web/src/lib/components/album-page/album-viewer.svelte | 8 +++++++-
 web/src/routes/(user)/favorites/+page.svelte          | 3 +--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/album-page/album-viewer.svelte b/web/src/lib/components/album-page/album-viewer.svelte
index 59ab00cc1c..5c488429a6 100644
--- a/web/src/lib/components/album-page/album-viewer.svelte
+++ b/web/src/lib/components/album-page/album-viewer.svelte
@@ -34,6 +34,7 @@
 	import CreateSharedLinkModal from '../shared-components/create-share-link-modal/create-shared-link-modal.svelte';
 	import GalleryViewer from '../shared-components/gallery-viewer/gallery-viewer.svelte';
 	import ImmichLogo from '../shared-components/immich-logo.svelte';
+  import SelectAll from 'svelte-material-icons/SelectAll.svelte';
 	import {
 		NotificationType,
 		notificationController
@@ -44,6 +45,7 @@
 	import ThumbnailSelection from './thumbnail-selection.svelte';
 	import UserSelectionModal from './user-selection-modal.svelte';
 	import { handleError } from '../../utils/handle-error';
+  import {selectedAssets} from "$lib/stores/asset-interaction.store";
 
 	export let album: AlbumResponseDto;
 	export let sharedLink: SharedLinkResponseDto | undefined = undefined;
@@ -333,6 +335,10 @@
 		isShowShareUserSelection = false;
 		isShowShareLinkModal = true;
 	};
+
+  const handleSelectAll = () => {
+    multiSelectAsset = new Set(album.assets)
+  }
 </script>
 
 <section class="bg-immich-bg dark:bg-immich-dark-bg" class:hidden={isShowThumbnailSelection}>
@@ -342,7 +348,7 @@
 			assets={multiSelectAsset}
 			clearSelect={() => (multiSelectAsset = new Set())}
 		>
-      <SelectAllAssets/>
+      <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
 			<DownloadAction filename={album.albumName} sharedLinkKey={sharedLink?.key} />
 			{#if isOwned}
 				<RemoveFromAlbum bind:album />
diff --git a/web/src/routes/(user)/favorites/+page.svelte b/web/src/routes/(user)/favorites/+page.svelte
index 0906042a31..df55d77e3d 100644
--- a/web/src/routes/(user)/favorites/+page.svelte
+++ b/web/src/routes/(user)/favorites/+page.svelte
@@ -12,7 +12,6 @@
   import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
   import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
   import SelectAll from 'svelte-material-icons/SelectAll.svelte';
-  import TimerSand from 'svelte-material-icons/TimerSand.svelte';
   import {handleError} from '$lib/utils/handle-error';
   import {api, AssetResponseDto} from '@api';
   import {onMount} from 'svelte';
@@ -54,7 +53,7 @@
   <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
     <FavoriteAction removeFavorite onAssetFavorite={(asset) => onAssetDelete(asset.id)}/>
     <CreateSharedLink/>
-      <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
+    <CircleIconButton title="Delete" logo={SelectAll} on:click={handleSelectAll}/>
     <AssetSelectContextMenu icon={Plus} title="Add">
       <AddToAlbum/>
       <AddToAlbum shared/>