fix: [lw-11768] hide switch to nami mode option when using shared wal…

…let (#1495)
input-output-hk · Oct 31, 2024 · 63a4114 · 63a4114
1 parent 6b9db26
commit 63a4114
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/apps/browser-extension-wallet/src/features/settings/components/Settings.tsx b/apps/browser-extension-wallet/src/features/settings/components/Settings.tsx
@@ -5,6 +5,7 @@ import { SettingsWallet, SettingsSecurity, SettingsHelp, SettingsLegal, Settings
 import { SettingsRemoveWallet } from '@src/views/browser-view/features/settings/components/SettingsRemoveWallet';
 import { SettingsSwitchToNami } from '@src/views/browser-view/features/settings/components/SettingsSwitchToNami';
 import { usePostHogClientContext } from '@providers/PostHogClientProvider';
+import { useWalletStore } from '@src/stores';
 
 export interface SettingsProps {
   defaultPassphraseVisible?: boolean;
@@ -14,6 +15,7 @@ export interface SettingsProps {
 export const Settings = ({ defaultPassphraseVisible, defaultMnemonic }: SettingsProps): React.ReactElement => {
   const { t } = useTranslation();
   const posthog = usePostHogClientContext();
+  const { isSharedWallet } = useWalletStore();
   const useSwitchToNamiMode = posthog?.isFeatureFlagEnabled('use-switch-to-nami-mode');
 
   return (
@@ -28,7 +30,7 @@ export const Settings = ({ defaultPassphraseVisible, defaultMnemonic }: Settings
         />
         <SettingsHelp popupView />
         <SettingsLegal />
-        {useSwitchToNamiMode && <SettingsSwitchToNami popupView />}
+        {useSwitchToNamiMode && !isSharedWallet && <SettingsSwitchToNami popupView />}
         <SettingsRemoveWallet popupView />
       </div>
     </ContentLayout>

diff --git a/...r-extension-wallet/src/views/browser-view/features/settings/components/SettingsLayout.tsx b/...r-extension-wallet/src/views/browser-view/features/settings/components/SettingsLayout.tsx
@@ -9,6 +9,7 @@ import { Box } from '@input-output-hk/lace-ui-toolkit';
 import MidnightPreLaunchBannerImage from '../../../../../../../../packages/core/src/ui/assets/images/midnight-launch-event-sidebar-banner.png';
 import { SettingsSwitchToNami } from './SettingsSwitchToNami';
 import { usePostHogClientContext } from '@providers/PostHogClientProvider';
+import { useWalletStore } from '@src/stores';
 
 export interface SettingsLayoutProps {
   defaultPassphraseVisible?: boolean;
@@ -21,6 +22,7 @@ export const SettingsLayout = ({
 }: SettingsLayoutProps): React.ReactElement => {
   const { t } = useTranslation();
   const posthog = usePostHogClientContext();
+  const { isSharedWallet } = useWalletStore();
   const useSwitchToNamiMode = posthog?.isFeatureFlagEnabled('use-switch-to-nami-mode');
 
   const sidePanelContent = (
@@ -43,7 +45,7 @@ export const SettingsLayout = ({
         <SettingsSecurity defaultPassphraseVisible={defaultPassphraseVisible} defaultMnemonic={defaultMnemonic} />
         <SettingsHelp />
         <SettingsLegal />
-        {useSwitchToNamiMode && <SettingsSwitchToNami />}
+        {useSwitchToNamiMode && !isSharedWallet && <SettingsSwitchToNami />}
         <SettingsRemoveWallet />
       </SectionLayout>
     </Layout>

diff --git a/packages/nami/src/adapters/account.ts b/packages/nami/src/adapters/account.ts
@@ -180,6 +180,11 @@ export const useAccount = ({
               const accountsMapper = getAcountsMapper(wallet);
               return 'accounts' in wallet
                 ? wallet.accounts
+                    .filter(
+                      account =>
+                        account.purpose !==
+                        Wallet.KeyManagement.KeyPurpose.MULTI_SIG,
+                    )
                     // eslint-disable-next-line functional/prefer-tacit
                     .map(account => accountsMapper(account))
                     .sort((a, b) => a.index - b.index)