feat(signet): bump ordit-sdk + support signet (#311)

* feat(signet): bump ordit-sdk + support signet

* Fix capitalisation

* move displayname into a const

packages/ord-connect/package.json

@@ -60,7 +60,7 @@
     ]
   },
   "peerDependencies": {
-    "@ordzaar/ordit-sdk": "^1.5.4",
+    "@ordzaar/ordit-sdk": "^1.6.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   }

packages/ord-connect/src/components/PostConnectButton/index.tsx

@@ -9,7 +9,11 @@ import MagicEdenIcon from "../../assets/magiceden-wallet.svg";
 import OKXWalletIcon from "../../assets/okx-wallet.svg";
 import UnisatWalletIcon from "../../assets/unisat-wallet.svg";
 import XverseWalletIcon from "../../assets/xverse-wallet.svg";
-import { useOrdConnect, Wallet } from "../../providers/OrdConnectProvider";
+import {
+  Network,
+  useOrdConnect,
+  Wallet,
+} from "../../providers/OrdConnectProvider";
 import { truncateMiddle } from "../../utils/text-helper";
 
 const WALLET_TO_ICON: Record<Wallet, string> = {
@@ -29,6 +33,12 @@ interface PostConnectButtonProp {
   renderAvatar?: (address: string, size: "large" | "small") => ReactNode;
 }
 
+const NETWORK_DISPLAY_NAME = {
+  [Network.MAINNET]: "Mainnet",
+  [Network.TESTNET]: "Testnet",
+  [Network.SIGNET]: "Signet",
+} as const;
+
 export function PostConnectButton({
   address,
   network,
@@ -69,7 +79,7 @@ export function PostConnectButton({
               <section className="network-container">
                 <div className="status-indicator" />
                 <p className="network">
-                  {network === "mainnet" ? "MainNet" : "TestNet"}
+                  {NETWORK_DISPLAY_NAME[network as Network] ?? network}
                 </p>
               </section>
             </section>

packages/ord-connect/src/providers/OrdConnectProvider.tsx

@@ -13,6 +13,7 @@ import { useLocalStorage } from "../hooks/useLocalStorage";
 export enum Network {
   MAINNET = "mainnet",
   TESTNET = "testnet",
+  SIGNET = "signet",
 }
 
 export enum Wallet {
@@ -61,7 +62,6 @@ const ADDRESS = "address";
 const WALLET = "wallet";
 const PUBLIC_KEY = "publicKey";
 const FORMAT = "format";
-const NETWORK = "network";
 
 export type OrdConnectProviderProps = {
   initialNetwork: Network;
@@ -97,17 +97,13 @@ export function OrdConnectProvider({
   if (!initialNetwork) {
     throw new Error("Initial network cannot be empty");
   }
+  const [network, setNetwork] = useState(initialNetwork);
 
   const [address, setAddress] = useLocalStorage<BiAddressString>(
     ADDRESS,
     EMPTY_BIADDRESS_OBJECT,
   );
 
-  const [network, setNetwork] = useLocalStorage<Network>(
-    NETWORK,
-    initialNetwork,
-  );
-
   const [wallet, setWallet] = useLocalStorage<Wallet | null>(WALLET, null);
   const [publicKey, setPublicKey] = useLocalStorage<BiAddressString>(
     PUBLIC_KEY,