de2115d11e
* - Add set primary primary asset button to asset viewer * - Cleanup - change AssetAction to contain a StackResponseDto - Properly update displayed stack at bottom of the asset viewer * - update the assetStore with the changed stack * - Cleanup
27 lines
939 B
Svelte
27 lines
939 B
Svelte
<script lang="ts">
|
|
import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
|
|
|
|
import { AssetAction } from '$lib/constants';
|
|
import { updateStack, type AssetResponseDto, type StackResponseDto } from '@immich/sdk';
|
|
import { mdiImageCheckOutline } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
import type { OnAction } from './action';
|
|
|
|
interface Props {
|
|
stack: StackResponseDto;
|
|
asset: AssetResponseDto;
|
|
onAction: OnAction;
|
|
}
|
|
|
|
let { stack, asset, onAction }: Props = $props();
|
|
|
|
const handleSetPrimaryAsset = async () => {
|
|
const updatedStack = await updateStack({ id: stack.id, stackUpdateDto: { primaryAssetId: asset.id } });
|
|
if (updatedStack) {
|
|
onAction({ type: AssetAction.SET_STACK_PRIMARY_ASSET, stack: updatedStack });
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<MenuOption icon={mdiImageCheckOutline} onClick={handleSetPrimaryAsset} text={$t('set_stack_primary_asset')} />
|