feat(app2): wip - transfer state

Author: Swepool

app2/src/lib/components/Transfer/index.svelte

@@ -37,8 +37,12 @@
 
   let actionButtonText = $derived.by(() => {
     if (Option.isNone(transferSteps)) return "Submit";
-    const currentStep = transferSteps.value[currentPage];
-    if (currentPage === transferSteps.value.length - 1) {
+    const steps = transferSteps.value;
+    if (currentPage < 0 || currentPage >= steps.length || !steps[currentPage]) {
+      return "Submit";
+    }
+    const currentStep = steps[currentPage];
+    if (currentPage === steps.length - 1) {
       return "Complete";
     }
     return TransferStep.match(currentStep, {
@@ -49,6 +53,7 @@
     });
   });
 
+
   function handleActionButtonClick() {
     if (Option.isNone(transferSteps)) return;
     const currentStep = transferSteps.value[currentPage];

app2/src/lib/components/Transfer/pages/IndexPage.svelte

@@ -1,31 +1,16 @@
 <script lang="ts">
 import { Option } from "effect"
-import { lockedTransferStore } from "../locked-transfer.svelte.ts"
-import { ApprovalRequired } from "../transfer-step.ts"
 import Button from "$lib/components/ui/Button.svelte"
 import { transferHashStore } from "$lib/stores/transfer-hash.svelte.ts"
 import { goto } from "$app/navigation"
 import { truncate } from "$lib/utils/format.ts"
 import { fly } from "svelte/transition"
 
 type Props = {
-  stepIndex: number
   newTransfer: () => void
 }
 
-const { stepIndex, newTransfer }: Props = $props()
-
-const lts = lockedTransferStore.get()
-
-const step: Option.Option<ReturnType<typeof ApprovalRequired>> = $derived.by(() => {
-  if (Option.isNone(lts)) return Option.none()
-
-  const steps = lts.value.steps
-  if (stepIndex < 0 || stepIndex >= steps.length) return Option.none()
-
-  const step = steps[stepIndex]
-  return step._tag === "ApprovalRequired" ? Option.some(step) : Option.none()
-})
+const { newTransfer }: Props = $props()
 
 $effect(() => {
   if (Option.isSome(transferHashStore.data)) {