mirror of
https://github.com/immich-app/immich.git
synced 2025-11-01 14:37:41 +09:00
1a70896113
* - add component - update server's StackCreateDto for merge parameter - Update stackRepo to only merge stacks when merge=true (default) - update web action handlers to show stack changes * - make open-api * lint & format * - Add proper icon to 'remove from stack' - change web unstack icon to image-off-outline * - cleanup * - format & lint * - make open-api: StackCreateDto merge optional * initial addition of new endpoint * remove stack endpoint * - fix up remove stack endpoint - open-api * - Undo stackCreate merge parameter * - open-api typescript * open-api dart * Tests: - add tests - update assetStub.imageFrom2015 to have required stack attributes to include it with tests * update event name * Fix event name in test * remove asset_update check * - merge stack.removeAsset params into one object - refactor asset existence check (no need for asset fetch) - fix tests * Don't return updated stack * Create specialized stack id & primary asset fetch for asset removal checks * Correct new permission names * make sql * - fix open-api * - cleanup
32 lines
1013 B
Svelte
32 lines
1013 B
Svelte
<script lang="ts">
|
|
import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
|
|
|
|
import { AssetAction } from '$lib/constants';
|
|
import { removeAssetFromStack, type AssetResponseDto, type StackResponseDto } from '@immich/sdk';
|
|
import { mdiImageMinusOutline } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
import type { OnAction } from './action';
|
|
|
|
interface Props {
|
|
asset: AssetResponseDto;
|
|
stack: StackResponseDto;
|
|
onAction: OnAction;
|
|
}
|
|
|
|
let { asset, stack, onAction }: Props = $props();
|
|
|
|
const handleRemoveFromStack = async () => {
|
|
await removeAssetFromStack({
|
|
id: stack.id,
|
|
assetId: asset.id,
|
|
});
|
|
const updatedStack = {
|
|
...stack,
|
|
assets: stack.assets.filter((a) => a.id !== asset.id),
|
|
};
|
|
onAction({ type: AssetAction.REMOVE_ASSET_FROM_STACK, stack: updatedStack, asset });
|
|
};
|
|
</script>
|
|
|
|
<MenuOption icon={mdiImageMinusOutline} onClick={handleRemoveFromStack} text={$t('viewer_remove_from_stack')} />
|