@monygroupcorp/micro-web3 1.3.2 → 1.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monygroupcorp/micro-web3",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A lean, reusable Web3 toolkit with components for wallet connection, IPFS, and common Web3 UI patterns.",
   "main": "dist/micro-web3.cjs",
   "module": "dist/micro-web3.esm.js",

package/src/components/FloatingWalletButton/FloatingWalletButton.js

@@ -2,6 +2,7 @@ import { Component, h, render, eventBus } from '@monygroupcorp/microact';
 import WalletModal from '../Wallet/WalletModal.js';
 import { SettingsModal } from '../SettingsModal/SettingsModal.js';
 import { ethers } from 'ethers';
+import { walletIcons } from '../../assets/walletIcons.js';
 
 /**
  * FloatingWalletButton component
@@ -224,7 +225,7 @@ export class FloatingWalletButton extends Component {
     }
 
     showWalletModal() {
-        // Get provider map and icons from this.walletService
+        // Get provider map
         const providerMap = {
             rabby: () => window.ethereum?.isRabby ? window.ethereum : null,
             rainbow: () => window.ethereum?.isRainbow ? window.ethereum : null,
@@ -232,13 +233,6 @@ export class FloatingWalletButton extends Component {
             metamask: () => window.ethereum || null
         };
 
-        const walletIcons = {
-            rabby: '/public/wallets/rabby.webp',
-            rainbow: '/public/wallets/rainbow.webp',
-            phantom: '/public/wallets/phantom.webp',
-            metamask: '/public/wallets/MetaMask.webp'
-        };
-
         // Create WalletModal if not exists
         if (!this.walletModal) {
             if (!this.modalRoot) {

package/src/components/Wallet/WalletModal.js

@@ -53,9 +53,9 @@ export class WalletModal extends Component {
                                 'data-wallet': walletType,
                                 onClick: () => this.handleWalletClick(walletType)
                             },
-                                h('img', {
-                                    src: this.props.walletIcons[walletType],
-                                    alt: walletType
+                                h('span', {
+                                    className: 'wallet-icon',
+                                    ref: el => { if (el) el.innerHTML = this.props.walletIcons[walletType]; }
                                 }),
                                 h('span', null, walletType.charAt(0).toUpperCase() + walletType.slice(1))
                             )