feat(web): timeline bucket for albums (4) (#3604)

* feat: server changes for album timeline

* feat(web): album timeline view

* chore: open api

* chore: remove archive action

* fix: favorite for non-owners

web/src/lib/components/photos-page/actions/create-shared-link.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
   import CreateSharedLinkModal from '$lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte';
-  import { SharedLinkType } from '@api';
   import ShareVariantOutline from 'svelte-material-icons/ShareVariantOutline.svelte';
   import { getAssetControlContext } from '../asset-select-control-bar.svelte';
 
@@ -12,9 +11,5 @@
 <CircleIconButton title="Share" logo={ShareVariantOutline} on:click={() => (showModal = true)} />
 
 {#if showModal}
-  <CreateSharedLinkModal
-    sharedAssets={Array.from(getAssets())}
-    shareType={SharedLinkType.Individual}
-    on:close={() => (showModal = false)}
-  />
+  <CreateSharedLinkModal assetIds={Array.from(getAssets()).map(({ id }) => id)} on:close={() => (showModal = false)} />
 {/if}

web/src/lib/components/photos-page/actions/remove-from-album.svelte

@@ -10,6 +10,7 @@
   import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
 
   export let album: AlbumResponseDto;
+  export let onRemove: ((assetIds: string[]) => void) | undefined = undefined;
 
   const { getAssets, clearSelect } = getAssetControlContext();
 
@@ -17,14 +18,17 @@
 
   const removeFromAlbum = async () => {
     try {
+      const ids = Array.from(getAssets()).map((a) => a.id);
       const { data: results } = await api.albumApi.removeAssetFromAlbum({
         id: album.id,
-        bulkIdsDto: { ids: Array.from(getAssets()).map((a) => a.id) },
+        bulkIdsDto: { ids },
       });
 
       const { data } = await api.albumApi.getAlbumInfo({ id: album.id });
       album = data;
 
+      onRemove?.(ids);
+
       const count = results.filter(({ success }) => success).length;
       notificationController.show({
         type: NotificationType.Info,

web/src/lib/components/photos-page/actions/select-all-assets.svelte

@@ -20,7 +20,7 @@
       for (const bucket of assetGridState.buckets) {
         await assetStore.loadBucket(bucket.bucketDate, BucketPosition.Unknown);
         for (const asset of bucket.assets) {
-          assetInteractionStore.addAssetToMultiselectGroup(asset);
+          assetInteractionStore.selectAsset(asset);
         }
       }