fix: satoshis typo

Author: gururamu4

demo/redirect-flow-example/src/components/UserCard.tsx

@@ -12,7 +12,7 @@ import { Dropdown } from "./DropDown";
 import { TextField } from "./TextField";
 
 const UserCard: React.FC = () => {
-  const { drawerHeading, setDrawerHeading, drawerInfo, setDrawerInfo, userInfo, coreKitInstance, networkName } = useCoreKit();
+  const { drawerHeading, setDrawerHeading, drawerInfo, setDrawerInfo, userInfo, coreKitInstance, coin } = useCoreKit();
   const { getAccount, account, getBalance } = useUnifiedRPC();
   const [openConsole, setOpenConsole] = React.useState(false);
   const [ balance, setBalance ] = React.useState<string>("");
@@ -28,7 +28,7 @@ const UserCard: React.FC = () => {
   const fetchWalletAddresses = async () => {
     const indices = await coreKitInstance.getTssWalletIndices();
     indices.push({ address: account, index: 0 })
-    indices.sort((a, b) => a.index - b.index);
+    indices.sort((a: { index: number }, b: { index: number }) => a.index - b.index);
     setWalletAddresses(indices);
     if (indices.length > 0) {
       setSelectedWallet(indices[1].address);
@@ -40,7 +40,7 @@ const UserCard: React.FC = () => {
       if (account) {
         fetchWalletAddresses();
         const balance = await getBalance();
-        setBalance(`${balance} ${networkName}`);
+        setBalance(`${balance} ${coin}`);
       }
     }
     init();

demo/redirect-flow-example/src/components/transactions/TransactionCard.tsx

@@ -9,7 +9,7 @@ import { KeyType } from "@tkey/common-types";
 const TransactionCard: React.FC = () => {
   const [amount, setAmount] = React.useState("0.0001");
   const [toAddress, setToAddress] = React.useState("");
-  const { setDrawerHeading, setDrawerInfo, networkName } = useCoreKit();
+  const { setDrawerHeading, setDrawerInfo, networkName, coin } = useCoreKit();
   const [isLoading, setIsLoading] = React.useState(false);
   const { sendTransaction, account } = useUnifiedRPC();
   const [faucetLink, setFaucetLink] = React.useState("");
@@ -27,7 +27,7 @@ const TransactionCard: React.FC = () => {
       setAmount("0.001");
     } else if (networkName === "BTC") {
       setFaucetLink("https://coinfaucet.eu/en/btc-testnet/");
-      setAmount("1000");
+      setAmount("0.000001");
     }
   }, [networkName]);
 
@@ -78,8 +78,8 @@ const TransactionCard: React.FC = () => {
         <TextField
           value={amount}
           onChange={(e) => setAmount(e.target.value)}
-          label={`Amount ${networkName}`}
-          placeholder={`Enter amount in ${networkName}`}
+          label={`Amount in ${coin}`}
+          placeholder={`Enter amount in ${coin}`}
           className="mb-4 rounded-md"
           classes={{
             container: "flex flex-col justify-center items-center",

demo/redirect-flow-example/src/composibles/useBtc.tsx

@@ -62,9 +62,11 @@ const useBtcRPC = () => {
       const address = getAddress(signer, type);
       if (!address) throw new Error("Failed to generate address");
       const utxos = await fetchUtxos(address);
-      const balance = utxos.reduce((acc, utxo) => acc + utxo.value, 0);
-      setBtcBalance(balance.toString());
-      return balance.toString();
+      const balanceInSatoshis = utxos.reduce((acc, utxo) => acc + utxo.value, 0);
+      const balanceInBtc = (balanceInSatoshis || 0) / 100000000;
+
+      setBtcBalance(balanceInBtc.toString());
+      return balanceInBtc.toString();
     } catch (err) {
       return (err as Error).message;
     }

demo/redirect-flow-example/src/composibles/useCoreKit.tsx

@@ -1,4 +1,4 @@
-import { COREKIT_STATUS, CoreKitMode, makeEthereumSigner, UserInfo, WEB3AUTH_NETWORK, Web3AuthMPCCoreKit } from "@web3auth/mpc-core-kit";
+import { COREKIT_STATUS, CoreKitMode, makeEthereumSigner, UserInfo, WEB3AUTH_NETWORK, Web3AuthMPCCoreKit } from "@guru_test/mpc-core-kit";
 // import { PasskeysPlugin } from "@web3auth/mpc-passkey-plugin";
 import React, { createContext, useContext, useState, useEffect } from "react";
 import { tssLib as tssLibDkls } from "@toruslabs/tss-dkls-lib";
@@ -56,6 +56,7 @@ interface CoreKitContextType {
   setKeyType: React.Dispatch<React.SetStateAction<KeyType>>;
   keyType: KeyType;
   networkName: "ETH" | "SOL" | "BTC" | undefined;
+  coin: "ETH" | "SOL" | "SATS" | undefined;
 }
 
 // Create the context with default values
@@ -86,6 +87,7 @@ const CoreKitContext = createContext<CoreKitContextType>({
   getShareDescriptions: () => { },
   shareDescriptions: null,
   networkName: undefined,
+  coin: undefined,
   setKeyType: () => { },
   keyType: localStorage.getItem("keyType") as KeyType || KeyType.secp256k1,
   existingModules: [],
@@ -119,13 +121,18 @@ export const CoreKitProvider: React.FC<CoreKitProviderProps> = ({ children }) =>
   const [existingModules, setExistingModules] = React.useState<string[]>([]);
   const [keyType, setKeyType] = React.useState<KeyType>(localStorage.getItem("keyType") as KeyType || KeyType.secp256k1);
   const [networkName, setNetworkName] = useState<"ETH" | "SOL" | "BTC">();
+  const [coin, setCoin] = useState<"ETH" | "SOL" | "SATS">();
 
   useEffect(() => {
     localStorage.setItem("keyType", keyType);
     setNetworkName(keyType === KeyType.secp256k1 ? "ETH" 
       : keyType === KeyType.ed25519 ? "SOL" 
       : "BTC"
     );
+    setCoin(keyType === KeyType.secp256k1 ? "ETH" 
+      : keyType === KeyType.ed25519 ? "SOL" 
+      : "SATS"
+    );
     setCoreKitInstance(new Web3AuthMPCCoreKit({
       ...initialWeb3AuthConfig,
       tssLib: keyType === KeyType.secp256k1 ? tssLibDkls : keyType === "BTC" as KeyType ? tssLibFrostBip340 : tssLibFrost,
@@ -209,7 +216,7 @@ export const CoreKitProvider: React.FC<CoreKitProviderProps> = ({ children }) =>
           getShareDescriptions,
           shareDescriptions, existingModules,
           keyType, setKeyType,
-          networkName,
+          networkName, coin,
       }}>{children}</CoreKitContext.Provider>
   );
 };