diff --git a/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/DropdownMenuOverlay.module.scss b/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/DropdownMenuOverlay.module.scss index c17cec37e1..f6663b762a 100644 --- a/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/DropdownMenuOverlay.module.scss +++ b/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/DropdownMenuOverlay.module.scss @@ -227,3 +227,7 @@ .walletOptionBitcoin > div { background: var(--data-orange); } + +.walletOptionMidnight > div { + background: var(--data-bright-blue); +} diff --git a/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/components/UserInfo.tsx b/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/components/UserInfo.tsx index 2bcce4b7c8..cc6c72514d 100644 --- a/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/components/UserInfo.tsx +++ b/v1/apps/browser-extension-wallet/src/components/MainMenu/DropdownMenuOverlay/components/UserInfo.tsx @@ -196,7 +196,7 @@ export const UserInfo = ({ ); const renderLmpWallet = useCallback( - ({ walletIcon, walletId, walletName }: LmpBundleWallet, isLast: boolean) => ( + ({ walletId, walletName }: LmpBundleWallet, isLast: boolean) => (
+ + + ) }} /> {isLast ? undefined : } diff --git a/v1/apps/browser-extension-wallet/src/lib/scripts/background/services/lmpService.ts b/v1/apps/browser-extension-wallet/src/lib/scripts/background/services/lmpService.ts index 926d506200..c19f148589 100644 --- a/v1/apps/browser-extension-wallet/src/lib/scripts/background/services/lmpService.ts +++ b/v1/apps/browser-extension-wallet/src/lib/scripts/background/services/lmpService.ts @@ -52,11 +52,12 @@ const api: BundleAppApi = { map((wallets) => wallets.map( (wallet): LmpBundleWallet => ({ - // TODO: icon should be different based on wallet type (same as in v1 dropdown menu) walletIcon: isBitcoinWallet(wallet) ? bitcoinLogo : cardanoLogo, walletId: wallet.walletId, walletName: wallet.metadata.name, - encryptedRecoveryPhrase: isInMemoryWallet(wallet) ? wallet.encryptedSecrets.keyMaterial : undefined + encryptedRecoveryPhrase: isInMemoryWallet(wallet) ? wallet.encryptedSecrets.keyMaterial : undefined, + blockchain: isBitcoinWallet(wallet) ? 'Bitcoin' : 'Cardano', + walletType: wallet.type }) ) ) diff --git a/v1/apps/browser-extension-wallet/src/utils/lmp.ts b/v1/apps/browser-extension-wallet/src/utils/lmp.ts index 47aa0f6675..bc69437056 100644 --- a/v1/apps/browser-extension-wallet/src/utils/lmp.ts +++ b/v1/apps/browser-extension-wallet/src/utils/lmp.ts @@ -1,14 +1,18 @@ // mostly duplicated in v1 and lmp module, could be a shared library -import { RemoteApiProperties, RemoteApiPropertyType } from '@cardano-sdk/web-extension'; +import { RemoteApiProperties, RemoteApiPropertyType, WalletType } from '@cardano-sdk/web-extension'; import { Observable } from 'rxjs'; import { storage } from 'webextension-polyfill'; import { Language } from '@lace/translation'; +export type BlockchainName = 'Bitcoin' | 'Cardano' | 'Midnight'; + export type LmpBundleWallet = { walletId: string; walletName: string; walletIcon: string; encryptedRecoveryPhrase?: string; + blockchain: BlockchainName; + walletType: WalletType; }; export type BundleAppApi = { diff --git a/v1/apps/browser-extension-wallet/src/views/browser-view/features/dapp/explorer/styles/themes/_shared-colors.scss b/v1/apps/browser-extension-wallet/src/views/browser-view/features/dapp/explorer/styles/themes/_shared-colors.scss index 945742a75e..65ab00c486 100644 --- a/v1/apps/browser-extension-wallet/src/views/browser-view/features/dapp/explorer/styles/themes/_shared-colors.scss +++ b/v1/apps/browser-extension-wallet/src/views/browser-view/features/dapp/explorer/styles/themes/_shared-colors.scss @@ -11,5 +11,6 @@ $data: ( 'pink-10': rgba(255, 84, 112, 0.1), 'orange': #ff8e3c, 'green': #2cb67d, - 'blue': #3489f7 + 'blue': #3489f7, + 'bright-blue': #0000FE ); diff --git a/v1/packages/common/src/ui/styles/themes/_shared-colors.scss b/v1/packages/common/src/ui/styles/themes/_shared-colors.scss index 96a2258c9f..592202871e 100644 --- a/v1/packages/common/src/ui/styles/themes/_shared-colors.scss +++ b/v1/packages/common/src/ui/styles/themes/_shared-colors.scss @@ -12,5 +12,6 @@ $data: ( 'pink-10': rgba(255, 84, 112, 0.1), 'orange': #ff8e3c, 'green': #2cb67d, - 'blue': #3489f7 + 'blue': #3489f7, + 'bright-blue': #0000FE );