chore: formatting

src/element/provider/nostr/history.tsx

@@ -3,23 +3,35 @@ import { useEffect, useState } from "react";
 import { FormattedMessage } from "react-intl";
 
 export default function BalanceHistory({ provider }: { provider?: NostrStreamProvider }) {
-    const [page,] = useState(0);
+  const [page] = useState(0);
-    const [rows, setRows] = useState<BalanceHistoryResult>();
+  const [rows, setRows] = useState<BalanceHistoryResult>();
 
-    useEffect(() => {
+  useEffect(() => {
-        if (!provider) return;
+    if (!provider) return;
-        provider.history(page)
+    provider.history(page).then(setRows);
-            .then(setRows);
+  }, []);
-    }, []);
 
-    return <div className="grid auto-rows-auto grid-cols-3 gap-1">
+  return (
-        <div><FormattedMessage defaultMessage="Time" /></div>
+    <div className="grid auto-rows-auto grid-cols-3 gap-1">
-        <div><FormattedMessage defaultMessage="Description" /></div>
+      <div>
-        <div><FormattedMessage defaultMessage="Amount" /></div>
+        <FormattedMessage defaultMessage="Time" />
-        {rows?.items.map(a => <>
+      </div>
-            <div>{new Date(a.created * 1000).toLocaleString()}</div>
+      <div>
-            <div>{a.desc}</div>
+        <FormattedMessage defaultMessage="Description" />
-            <div>{a.type === 0 ? "+" : "-"}{a.amount}</div>
+      </div>
-        </>)}
+      <div>
+        <FormattedMessage defaultMessage="Amount" />
+      </div>
+      {rows?.items.map(a => (
+        <>
+          <div>{new Date(a.created * 1000).toLocaleString()}</div>
+          <div>{a.desc}</div>
+          <div>
+            {a.type === 0 ? "+" : "-"}
+            {a.amount}
+          </div>
+        </>
+      ))}
     </div>
+  );
 }

src/element/provider/nostr/index.tsx

@@ -269,7 +269,7 @@ export default function NostrProviderDialog({
           <FormattedMessage defaultMessage="Balance History" />
         </h3>
         <div className="flex flex-col gap-1">
-          <BalanceHistory provider={provider}/>
+          <BalanceHistory provider={provider} />
         </div>
       </div>
     );

src/lang.json

@@ -639,6 +639,9 @@
   "bbUGS7": {
     "defaultMessage": "Recommended Stream Settings"
   },
+  "bdH+0f": {
+    "defaultMessage": "Balance History"
+  },
   "bfvyfs": {
     "defaultMessage": "Anon"
   },
@@ -906,6 +909,9 @@
   "uYw2LD": {
     "defaultMessage": "Stream"
   },
+  "ug01Mk": {
+    "defaultMessage": "Time"
+  },
   "uksRSi": {
     "defaultMessage": "Latest Videos"
   },

src/providers/zsz.ts

@@ -92,7 +92,10 @@ export class NostrStreamProvider implements StreamProvider {
   }
 
   async withdraw(invoice: string) {
-    return await this.#getJson<{ fee: number; preimage: string, error?: string }>("POST", `withdraw?invoice=${invoice}`);
+    return await this.#getJson<{ fee: number; preimage: string; error?: string }>(
+      "POST",
+      `withdraw?invoice=${invoice}`,
+    );
   }
 
   async acceptTos(): Promise<void> {
@@ -212,11 +215,11 @@ interface TopUpResponse {
 
 export interface BalanceHistoryResult {
   items: Array<{
-    created: number,
+    created: number;
-    type: number,
+    type: number;
-    amount: number,
+    amount: number;
-    desc?: string
+    desc?: string;
-  }>
+  }>;
-  page: number,
+  page: number;
-  pageSize: number
+  pageSize: number;
 }

src/translations/en.json

@@ -210,6 +210,7 @@
   "aqjZxs": "Raid!",
   "bD/ZwY": "Edit Cards",
   "bbUGS7": "Recommended Stream Settings",
+  "bdH+0f": "Balance History",
   "bfvyfs": "Anon",
   "c3LlRO": "{n}KiB",
   "cPIKU2": "Following",
@@ -298,6 +299,7 @@
   "tzMNF3": "Status",
   "u6uD94": "Create an Account",
   "uYw2LD": "Stream",
+  "ug01Mk": "Time",
   "uksRSi": "Latest Videos",
   "vP4dFa": "Visit {link} to get some sweet zap.stream merch!",
   "vrTOHJ": "{amount} sats",