refactor(web): asset viewer actions (#11449)

* refactor(web): asset viewer actions * motion photo slot and more refactoring
2024-07-31 18:25:38 +02:00
parent 3a3ea6135e
commit 281cfc95a4
27 changed files with 682 additions and 476 deletions
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
+  import {
+    notificationController,
+    NotificationType,
+  } from '$lib/components/shared-components/notification/notification';
+  import { handleError } from '$lib/utils/handle-error';
+  import { updateAlbumInfo, type AlbumResponseDto, type AssetResponseDto } from '@immich/sdk';
+  import { mdiImageOutline } from '@mdi/js';
+  import { t } from 'svelte-i18n';
+
+  export let asset: AssetResponseDto;
+  export let album: AlbumResponseDto;
+
+  const handleUpdateThumbnail = async () => {
+    try {
+      await updateAlbumInfo({
+        id: album.id,
+        updateAlbumDto: {
+          albumThumbnailAssetId: asset.id,
+        },
+      });
+      notificationController.show({
+        type: NotificationType.Info,
+        message: $t('album_cover_updated'),
+        timeout: 1500,
+      });
+    } catch (error) {
+      handleError(error, $t('errors.unable_to_update_album_cover'));
+    }
+  };
+</script>
+
+<MenuOption text={$t('set_as_album_cover')} icon={mdiImageOutline} onClick={handleUpdateThumbnail} />