refactor: side bar modals (#18134)

2025-05-07 16:01:51 +02:00
parent 867f6e64f9
commit bbd8de177b
8 changed files with 41 additions and 47 deletions
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import PurchaseActivationSuccess from '$lib/components/shared-components/purchasing/purchase-activation-success.svelte';
+  import PurchaseContent from '$lib/components/shared-components/purchasing/purchase-content.svelte';
+
+  import { Modal, ModalBody } from '@immich/ui';
+
+  interface Props {
+    onClose: () => void;
+  }
+
+  let { onClose }: Props = $props();
+
+  let showProductActivated = $state(false);
+</script>
+
+<Modal title="" {onClose} size="large">
+  <ModalBody>
+    {#if showProductActivated}
+      <PurchaseActivationSuccess onDone={onClose} />
+    {:else}
+      <PurchaseContent
+        onActivate={() => {
+          showProductActivated = true;
+        }}
+        showMessage={false}
+      />
+    {/if}
+  </ModalBody>
+</Modal>