feat: implement stablesats for galoy connector #2730

src/app/components/TransactionsTable/TransactionModal.tsx

@@ -31,7 +31,7 @@ export default function TransactionModal({
     keyPrefix: "transactions_table",
   });
   const [showMoreFields, setShowMoreFields] = useState(false);
-  const { getFormattedSats } = useSettings();
+  const { getFormattedSats, getFormattedInCurrency } = useSettings();
 
   function toggleShowMoreFields() {
     setShowMoreFields(!showMoreFields);
@@ -82,7 +82,12 @@ export default function TransactionModal({
               )}
             >
               {transaction.type == "sent" ? "-" : "+"}{" "}
-              {getFormattedSats(transaction.totalAmount)}
+              {!transaction.displayAmount
+                ? getFormattedSats(transaction.totalAmount)
+                : getFormattedInCurrency(
+                    transaction.displayAmount[0],
+                    transaction.displayAmount[1]
+                  )}
             </p>
 
             {!!transaction.totalAmountFiat && (

src/app/components/TransactionsTable/index.tsx

@@ -23,7 +23,7 @@ export default function TransactionsTable({
   noResultMsg,
   loading = false,
 }: Props) {
-  const { getFormattedSats } = useSettings();
+  const { getFormattedSats, getFormattedInCurrency } = useSettings();
   const [modalOpen, setModalOpen] = useState(false);
   const [transaction, setTransaction] = useState<Transaction | undefined>();
   const { t } = useTranslation("components", {
@@ -93,7 +93,12 @@ export default function TransactionsTable({
                         )}
                       >
                         {type == "outgoing" ? "-" : "+"}{" "}
-                        {getFormattedSats(tx.totalAmount)}
+                        {!tx.displayAmount
+                          ? getFormattedSats(tx.totalAmount)
+                          : getFormattedInCurrency(
+                              tx.displayAmount[0],
+                              tx.displayAmount[1]
+                            )}
                       </p>
 
                       {!!tx.totalAmountFiat && (

src/app/hooks/useTransactions.ts

@@ -27,6 +27,11 @@ export const useTransactions = () => {
         );
 
         for (const transaction of transactions) {
+          if (
+            transaction.displayAmount &&
+            transaction.displayAmount[1] === settings.currency
+          )
+            continue;
           transaction.totalAmountFiat = settings.showFiat
             ? await getFormattedFiat(transaction.totalAmount)
             : "";

src/app/screens/Home/AllowanceView/index.tsx

@@ -53,6 +53,11 @@ const AllowanceView: FC<Props> = (props) => {
       try {
         // attach fiatAmount if enabled
         for (const transaction of transactions) {
+          if (
+            transaction.displayAmount &&
+            transaction.displayAmount[1] === settings.currency
+          )
+            continue;
           transaction.totalAmountFiat = showFiat
             ? await getFormattedFiat(transaction.totalAmount)
             : "";
@@ -74,6 +79,7 @@ const AllowanceView: FC<Props> = (props) => {
     transactions,
     getFormattedFiat,
     showFiat,
+    settings.currency,
   ]);
 
   const hasBudget = +props.allowance.totalBudget > 0;

src/app/screens/Publishers/Detail/index.tsx

@@ -43,6 +43,11 @@ function PublisherDetail() {
         );
 
         for (const payment of _transactions) {
+          if (
+            payment.displayAmount &&
+            payment.displayAmount[1] === settings.currency
+          )
+            continue;
           payment.totalAmountFiat = settings.showFiat
             ? await getFormattedFiat(payment.totalAmount)
             : "";
@@ -53,7 +58,7 @@ function PublisherDetail() {
       console.error(e);
       if (e instanceof Error) toast.error(`Error: ${e.message}`);
     }
-  }, [id, settings.showFiat, getFormattedFiat]);
+  }, [id, settings.showFiat, getFormattedFiat, settings.currency]);
 
   useEffect(() => {
     // Run once.

src/app/screens/connectors/ConnectGaloy/index.tsx

@@ -1,5 +1,6 @@
 import ConnectorForm from "@components/ConnectorForm";
 import Input from "@components/form/Input";
+import Select from "@components/form/Select";
 import ConnectionErrorToast from "@components/toasts/ConnectionErrorToast";
 import fetchAdapter from "@vespaiach/axios-fetch-adapter";
 import axios from "axios";
@@ -54,11 +55,16 @@ export default function ConnectGaloy(props: Props) {
   });
   const [loading, setLoading] = useState(false);
   const [authToken, setAuthToken] = useState<string | undefined>();
+  const [currency, setCurrency] = useState<string>("BTC");
 
   function handleAuthTokenChange(event: React.ChangeEvent<HTMLInputElement>) {
     setAuthToken(event.target.value.trim());
   }
 
+  function handleCurrencyChange(event: React.ChangeEvent<HTMLSelectElement>) {
+    setCurrency(event.target.value);
+  }
+
   async function loginWithAuthToken(event: React.FormEvent<HTMLFormElement>) {
     event.preventDefault();
     setLoading(true);
@@ -100,10 +106,10 @@ export default function ConnectGaloy(props: Props) {
       } else {
         // Find the BTC wallet and get its ID
         const btcWallet = meData.data.me.defaultAccount.wallets.find(
-          (w: Wallet) => w.walletCurrency === "BTC"
+          (w: Wallet) => w.walletCurrency === currency
         );
         const walletId = btcWallet.id;
-        saveAccount({ headers, walletId });
+        saveAccount({ headers, walletId, currency });
       }
     } catch (e: unknown) {
       console.error(e);
@@ -122,7 +128,11 @@ export default function ConnectGaloy(props: Props) {
     }
   }
 
-  async function saveAccount(config: { headers: Headers; walletId: string }) {
+  async function saveAccount(config: {
+    headers: Headers;
+    walletId: string;
+    currency: string;
+  }) {
     setLoading(true);
 
     const account = {
@@ -132,6 +142,7 @@ export default function ConnectGaloy(props: Props) {
         headers: config.headers,
         walletId: config.walletId,
         apiCompatibilityMode,
+        currency: config.currency,
       },
       connector: "galoy",
     };
@@ -215,6 +226,26 @@ export default function ConnectGaloy(props: Props) {
           </div>
         </div>
       }
+
+      <div className="mt-6">
+        <label
+          htmlFor="currency"
+          className="block font-medium text-gray-800 dark:text-white"
+        >
+          {t(`${i18nPrefix}.currency.label`)}
+        </label>
+        <div className="mt-1">
+          <Select
+            id="currency"
+            name="currency"
+            required
+            onChange={handleCurrencyChange}
+          >
+            <option value="BTC">BTC</option>
+            <option value="USD">USD (Stablesats)</option>
+          </Select>
+        </div>
+      </div>
     </ConnectorForm>
   );
 }

src/extension/background-script/connectors/connector.interface.ts

@@ -30,6 +30,7 @@ export interface ConnectorTransaction {
   settled: boolean;
   settleDate: number;
   totalAmount: number;
+  displayAmount?: [number, ACCOUNT_CURRENCIES];
   type: "received" | "sent";
 }