Use rates

src/element/send-zap.tsx

@@ -13,7 +13,8 @@ import QrCode from "./qr-code";
 import { useLogin } from "hooks/login";
 import Copy from "./copy";
 import { defaultRelays } from "const";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, FormattedNumber } from "react-intl";
+import { useRates } from "hooks/rates";
 
 export interface LNURLLike {
   get name(): string;
@@ -33,8 +34,6 @@ export interface SendZapsProps {
 }
 
 export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: SendZapsProps) {
-  const UsdRate = 28_000;
-
   const satsAmounts = [
     21, 69, 121, 420, 1_000, 2_100, 4_200, 10_000, 21_000, 42_000, 69_000, 100_000, 210_000, 500_000, 1_000_000,
   ];
@@ -45,6 +44,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
   const [comment, setComment] = useState("");
   const [invoice, setInvoice] = useState("");
   const login = useLogin();
+  const rate = useRates("BTCUSD");
   const relays = Object.keys(defaultRelays);
   const name = targetName ?? svc?.name;
   async function loadService(lnurl: string) {
@@ -52,6 +52,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
     await s.load();
     setSvc(s);
   }
+  const usdRate = rate.time ? rate.ask : 26_000;
 
   useEffect(() => {
     if (!svc) {
@@ -72,7 +73,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
       isAnon = true;
     }
 
-    const amountInSats = isFiat ? Math.floor((amount / UsdRate) * 1e8) : amount;
+    const amountInSats = isFiat ? Math.floor((amount / usdRate) * 1e8) : amount;
     let zap: NostrEvent | undefined;
     if (pubkey) {
       zap = await pub.zap(amountInSats * 1000, pubkey, relays, undefined, comment, eb => {
@@ -132,6 +133,18 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
               defaultMessage="Zap amount in {currency}"
               values={{ currency: isFiat ? "USD" : "SATS" }}
             />
+            {isFiat && (
+              <>
+                &nbsp;
+                <FormattedMessage
+                  defaultMessage="@ {rate}"
+                  description="Showing zap amount in USD @ rate"
+                  values={{
+                    rate: <FormattedNumber value={usdRate} />,
+                  }}
+                />
+              </>
+            )}
           </small>
           <div className="amounts">
             {(isFiat ? usdAmounts : satsAmounts).map(a => (

src/hooks/rates.ts

@@ -0,0 +1,32 @@
+import { bech32ToHex } from "@snort/shared";
+import { EventKind, ReplaceableNoteStore, RequestBuilder } from "@snort/system";
+import { useRequestBuilder } from "@snort/system-react";
+import { useMemo } from "react";
+
+// Snort backend publishes rates
+const SnortPubkey = "npub1sn0rtcjcf543gj4wsg7fa59s700d5ztys5ctj0g69g2x6802npjqhjjtws";
+
+export function useRates(symbol: string, leaveOpen = true) {
+  const sub = useMemo(() => {
+    const rb = new RequestBuilder(`rates:${symbol}`);
+    rb.withOptions({
+      leaveOpen,
+    });
+    rb.withFilter()
+      .kinds([1009 as EventKind])
+      .authors([bech32ToHex(SnortPubkey)])
+      .tag("d", [symbol]);
+    return rb;
+  }, [symbol]);
+
+  const data = useRequestBuilder(ReplaceableNoteStore, sub);
+
+  const tag = data?.data?.tags.find(a => a[0] === "d" && a[1] === symbol);
+  return {
+    time: data.data?.created_at,
+    ask: Number(tag?.[2]),
+    bid: Number(tag?.[3]),
+    low: Number(tag?.[4]),
+    hight: Number(tag?.[5]),
+  };
+}

src/lang.json

@@ -239,6 +239,10 @@
   "X2PZ7D": {
     "defaultMessage": "Create Goal"
   },
+  "YPh5Nq": {
+    "defaultMessage": "@ {rate}",
+    "description": "Showing zap amount in USD @ rate"
+  },
   "Z8ZOEY": {
     "defaultMessage": "This method is insecure. We recommend using a {nostrlink}"
   },

src/translations/af_ZA.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/ar_SA.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/bg_BG.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Зап Тревога"
   }
 }
-

src/translations/bn_BD.json

@@ -414,4 +414,3 @@
     "defaultMessage": "জ্যাপ অ্যালার্ট"
   }
 }
-

src/translations/ca_ES.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/cs_CZ.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/da_DK.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/de_DE.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/el_GR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/en.json

@@ -79,6 +79,7 @@
   "VA/Z1S": "Hide",
   "W9355R": "Unmute",
   "X2PZ7D": "Create Goal",
+  "YPh5Nq": "@ {rate}",
   "Z8ZOEY": "This method is insecure. We recommend using a {nostrlink}",
   "ZmqxZs": "You can change this later",
   "acrOoz": "Continue",

src/translations/es_ES.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Alerta de Zap"
   }
 }
-

src/translations/fa_IR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "هشدار زپ"
   }
 }
-

src/translations/fi_FI.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap-hälytys"
   }
 }
-

src/translations/fr_FR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Alerte Zap"
   }
 }
-

src/translations/he_IL.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/hu_HU.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Riadó"
   }
 }
-

src/translations/it_IT.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/ja_JP.json

@@ -414,4 +414,3 @@
     "defaultMessage": "ザップアラート"
   }
 }
-

src/translations/ko_KR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/nl_NL.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/no_NO.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/pl_PL.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/pt_BR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Alerta Zap"
   }
 }
-

src/translations/pt_PT.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/ro_RO.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/ru_RU.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Оповещение о запе"
   }
 }
-

src/translations/sr_SP.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/sv_SE.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/sw_KE.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Tahadhari ya Zap"
   }
 }
-

src/translations/th_TH.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/tr_TR.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/uk_UA.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/vi_VN.json

@@ -414,4 +414,3 @@
     "defaultMessage": "Zap Alert"
   }
 }
-

src/translations/zh_CN.json

@@ -414,4 +414,3 @@
     "defaultMessage": "打闪提示"
   }
 }
-

src/translations/zh_TW.json

@@ -414,4 +414,3 @@
     "defaultMessage": "打閃提示"
   }
 }
-