chore: move status pages to ts

part 6
BoltzExchange · Jan 4, 2024 · bb95ab2 · bb95ab2
1 parent 7155177
commit bb95ab2
Show file tree

Hide file tree

Showing 10 changed files with 6 additions and 4 deletions.
diff --git a/src/status/InvoiceExpired.jsx → src/status/InvoiceExpired.tsx b/src/status/InvoiceExpired.jsx → src/status/InvoiceExpired.tsx
diff --git a/src/status/InvoiceFailedToPay.jsx → src/status/InvoiceFailedToPay.tsx b/src/status/InvoiceFailedToPay.jsx → src/status/InvoiceFailedToPay.tsx
@@ -15,7 +15,7 @@ const InvoiceFailedToPay = () => {
                 {t("failure_reason")}: {failureReason()}
             </p>
             <hr />
-            <Show when={!timeoutEta()} fallback={RefundEta}>
+            <Show when={!timeoutEta()} fallback={RefundEta()}>
                 <Refund swap={swap} />
             </Show>
             <Show when={swap().asset !== RBTC}>

diff --git a/src/status/InvoicePending.jsx → src/status/InvoicePending.tsx b/src/status/InvoicePending.jsx → src/status/InvoicePending.tsx
diff --git a/src/status/InvoiceSet.jsx → src/status/InvoiceSet.tsx b/src/status/InvoiceSet.jsx → src/status/InvoiceSet.tsx
@@ -1,3 +1,5 @@
+import { Show } from "solid-js";
+
 import ContractTransaction from "../components/ContractTransaction";
 import QrCode from "../components/QrCode";
 import { BTC, RBTC } from "../consts";

diff --git a/src/status/SwapCreated.jsx → src/status/SwapCreated.tsx b/src/status/SwapCreated.jsx → src/status/SwapCreated.tsx
@@ -10,7 +10,7 @@ import { denominations, formatAmount } from "../utils/denomination";
 import { enableWebln } from "../utils/webln";
 
 const SwapCreated = () => {
-    const payWeblnInvoice = async (pr) => {
+    const payWeblnInvoice = async (pr: string) => {
         enableWebln(async () => {
             const result = await window.webln.sendPayment(pr);
             log.debug("webln payment result:", result);

diff --git a/src/status/SwapExpired.jsx → src/status/SwapExpired.tsx b/src/status/SwapExpired.jsx → src/status/SwapExpired.tsx
@@ -20,7 +20,7 @@ const SwapExpired = () => {
         setTransactionToRefund(null);
         fetcher(
             "/getswaptransaction",
-            (res) => {
+            (res: any) => {
                 log.debug(`got swap transaction for ${swap().id}`);
                 setTransactionToRefund(res);
             },
@@ -51,7 +51,7 @@ const SwapExpired = () => {
                 />
                 <button
                     class="btn"
-                    disabled={valid() ? "" : "disabled"}
+                    disabled={!valid()}
                     onclick={() => refund(swap(), t)}>
                     {t("refund")}
                 </button>

diff --git a/src/status/SwapRefunded.jsx → src/status/SwapRefunded.tsx b/src/status/SwapRefunded.jsx → src/status/SwapRefunded.tsx
diff --git a/src/status/TransactionClaimed.jsx → src/status/TransactionClaimed.tsx b/src/status/TransactionClaimed.jsx → src/status/TransactionClaimed.tsx
diff --git a/src/status/TransactionLockupFailed.jsx → src/status/TransactionLockupFailed.tsx b/src/status/TransactionLockupFailed.jsx → src/status/TransactionLockupFailed.tsx
diff --git a/src/status/TransactionMempool.jsx → src/status/TransactionMempool.tsx b/src/status/TransactionMempool.jsx → src/status/TransactionMempool.tsx