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
);