refactor: rename timeline actions (#22086)

2025-09-16 13:37:01 -04:00
parent 449368eee7
commit c21860fb97
34 changed files with 149 additions and 149 deletions
@@ -0,0 +1,48 @@
+<script lang="ts">
+  import { getAssetControlContext } from '$lib/components/timeline/AssetSelectControlBar.svelte';
+  import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
+  import type { OnStack, OnUnstack } from '$lib/utils/actions';
+  import { deleteStack, stackAssets } from '$lib/utils/asset-utils';
+  import { toTimelineAsset } from '$lib/utils/timeline-util';
+  import { mdiImageMultipleOutline, mdiImageOffOutline } from '@mdi/js';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    unstack?: boolean;
+    onStack: OnStack | undefined;
+    onUnstack: OnUnstack | undefined;
+  }
+
+  let { unstack = false, onStack, onUnstack }: Props = $props();
+
+  const { clearSelect, getOwnedAssets } = getAssetControlContext();
+
+  const handleStack = async () => {
+    const selectedAssets = [...getOwnedAssets()];
+    const result = await stackAssets(selectedAssets);
+    onStack?.(result);
+    clearSelect();
+  };
+
+  const handleUnstack = async () => {
+    const selectedAssets = [...getOwnedAssets()];
+    if (selectedAssets.length !== 1) {
+      return;
+    }
+    const { stack } = selectedAssets[0];
+    if (!stack) {
+      return;
+    }
+    const unstackedAssets = await deleteStack([stack.id]);
+    if (unstackedAssets) {
+      onUnstack?.(unstackedAssets.map((a) => toTimelineAsset(a)));
+    }
+    clearSelect();
+  };
+</script>
+
+{#if unstack}
+  <MenuOption text={$t('unstack')} icon={mdiImageOffOutline} onClick={handleUnstack} />
+{:else}
+  <MenuOption text={$t('stack')} icon={mdiImageMultipleOutline} onClick={handleStack} />
+{/if}