refactor: rename timeline actions (#22086)

web/src/lib/components/timeline/actions/RestoreAction.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import {
+    NotificationType,
+    notificationController,
+  } from '$lib/components/shared-components/notification/notification';
+  import { getAssetControlContext } from '$lib/components/timeline/AssetSelectControlBar.svelte';
+  import type { OnRestore } from '$lib/utils/actions';
+  import { handleError } from '$lib/utils/handle-error';
+  import { restoreAssets } from '@immich/sdk';
+  import { Button } from '@immich/ui';
+  import { mdiHistory } from '@mdi/js';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    onRestore: OnRestore | undefined;
+  }
+
+  let { onRestore }: Props = $props();
+
+  const { getAssets, clearSelect } = getAssetControlContext();
+
+  let loading = $state(false);
+
+  const handleRestore = async () => {
+    loading = true;
+
+    try {
+      const ids = [...getAssets()].map((a) => a.id);
+      await restoreAssets({ bulkIdsDto: { ids } });
+      onRestore?.(ids);
+
+      notificationController.show({
+        message: $t('assets_restored_count', { values: { count: ids.length } }),
+        type: NotificationType.Info,
+      });
+
+      clearSelect();
+    } catch (error) {
+      handleError(error, $t('errors.unable_to_restore_assets'));
+    } finally {
+      loading = false;
+    }
+  };
+</script>
+
+<Button
+  leadingIcon={mdiHistory}
+  disabled={loading}
+  size="medium"
+  color="secondary"
+  variant="ghost"
+  onclick={handleRestore}
+>
+  {$t('restore')}
+</Button>