@iota/dapp-kit 0.8.3 → 0.10.0

package/src/components/connect-modal/views/ConnectionStatus.tsx

@@ -22,11 +22,13 @@ export function ConnectionStatus({
 }: ConnectionStatusProps) {
     return (
         <div className={styles.container}>
-            <img
-                className={styles.walletIcon}
-                src={selectedWallet.icon}
-                alt={`${selectedWallet.name} logo`}
-            />
+            {selectedWallet.icon && (
+                <img
+                    className={styles.walletIcon}
+                    src={selectedWallet.icon}
+                    alt={`${selectedWallet.name} logo`}
+                />
+            )}
             <div className={styles.title}>
                 <Heading as="h2" size="xl">
                     Opening {selectedWallet.name}

package/src/components/connect-modal/wallet-list/WalletListItem.tsx

@@ -23,7 +23,7 @@ export function WalletListItem({ name, icon, onClick, isSelected = false }: Wall
                 type="button"
                 onClick={onClick}
             >
-                {typeof icon === 'string' ? (
+                {icon && typeof icon === 'string' ? (
                     <img className={styles.walletIcon} src={icon} alt={`${name} logo`} />
                 ) : (
                     icon

package/src/walletStore.ts

@@ -28,6 +28,7 @@ export type WalletActions = {
         updatedWallets: WalletWithRequiredFeatures[],
         unregisteredWallet: Wallet,
     ) => void;
+    setChain: (chain: ChainType | undefined) => void;
 };
 
 export type WalletStore = ReturnType<typeof createWalletStore>;
@@ -143,6 +144,9 @@ export function createWalletStore({
                             accounts[0],
                     }));
                 },
+                setChain(chain) {
+                    set(() => ({ chain }));
+                },
             }),
             {
                 name: storageKey,