Merge pull request #214 from secretkeylabs/feat/ENG-6145-add-network-query

Feat:  Add network query + changeNetwork request

Author: m-aboelenein

example/package-lock.json

@@ -28,6 +28,7 @@ import { SendInscription } from './components/sendInscriptions';
 import AddressDisplay from './components/AddressDisplay';
 import { GetAddresses } from './components/bitcoin/GetAddresses.tsx';
 import { SendBtc } from './components/bitcoin/SendBtc';
+import ChangeNetwork from './components/ChangeNetwork/index.tsx';
 import { CreateInscription } from './components/createInscription/index.tsx';
 import EtchRunes from './components/EtchRunes';
 import MintRunes from './components/MintRunes';
@@ -298,6 +299,7 @@ const WalletMethods = () => {
       <WalletType />
       <GetPermissions />
       <GetNetwork />
+      <ChangeNetwork />
       <GetAccounts />
     </>
   );

example/src/App.tsx

@@ -0,0 +1,48 @@
+import { Button, Card, NativeSelect } from '@mantine/core';
+import { useState } from 'react';
+import Wallet, { BitcoinNetworkType } from 'sats-connect';
+
+const ChangeNetwork = () => {
+  const [desiredNetwork, setDesiredNetwork] = useState<BitcoinNetworkType>(
+    BitcoinNetworkType.Testnet4,
+  );
+  const handleChangeNetwork = async () => {
+    const response = await Wallet.request('wallet_changeNetwork', {
+      name: desiredNetwork,
+    });
+
+    if (response.status === 'error') {
+      alert('Error changing network check logs for more info');
+      console.error(response);
+      return;
+    }
+
+    alert('Wallet Network changed');
+  };
+  return (
+    <Card>
+      <h3>Change Network</h3>
+      <div style={{ marginBottom: 15 }}>
+        <div>Network</div>
+        <NativeSelect
+          defaultValue={desiredNetwork}
+          onChange={(e) => setDesiredNetwork(e.target.value as BitcoinNetworkType)}
+        >
+          <option value={BitcoinNetworkType.Mainnet}>{BitcoinNetworkType.Mainnet}</option>
+          <option value={BitcoinNetworkType.Testnet}>{BitcoinNetworkType.Testnet}</option>
+          <option value={BitcoinNetworkType.Testnet4}>{BitcoinNetworkType.Testnet4}</option>
+          <option value={BitcoinNetworkType.Signet}>{BitcoinNetworkType.Signet}</option>
+          <option value={BitcoinNetworkType.Regtest}>{BitcoinNetworkType.Regtest}</option>
+        </NativeSelect>
+      </div>
+      <Button
+        onClick={() => {
+          handleChangeNetwork().catch(console.error);
+        }}
+      >
+        Change Network
+      </Button>
+    </Card>
+  );
+};
+export default ChangeNetwork;