chore: add NFT_CHAINS to FullScreenHeader chain switcher

PolkaGate · Sep 28, 2024 · a8f5bf2 · a8f5bf2
1 parent ffeea18
commit a8f5bf2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/extension-polkagate/src/fullscreen/governance/FullScreenHeader.tsx b/packages/extension-polkagate/src/fullscreen/governance/FullScreenHeader.tsx
@@ -11,7 +11,7 @@ import { logoBlack } from '../../assets/logos';
 import { ActionContext, GenesisHashOptionsContext } from '../../components';
 import { useApi, useChain } from '../../hooks';
 import { FullScreenChainSwitch, RemoteNodeSelectorWithSignals } from '../../partials';
-import { EXTENSION_NAME, GOVERNANCE_CHAINS, IDENTITY_CHAINS, SOCIAL_RECOVERY_CHAINS, STAKING_CHAINS } from '../../util/constants';
+import { EXTENSION_NAME, GOVERNANCE_CHAINS, IDENTITY_CHAINS, NFT_CHAINS, SOCIAL_RECOVERY_CHAINS, STAKING_CHAINS } from '../../util/constants';
 import { openOrFocusTab } from '../accountDetails/components/CommonTasks';
 import AddressDropdown from './components/AddressDropdown';
 import ThemeChanger from './partials/ThemeChanger';
@@ -46,6 +46,8 @@ export function FullScreenHeader ({ _otherComponents, noAccountDropDown = false,
         return SOCIAL_RECOVERY_CHAINS;
       case 'accountDetails':
         return allChains.filter((chain) => chain.value !== '').map((chainOption) => chainOption.value as string);
+      case 'nft':
+        return NFT_CHAINS;
       default:
         return [];
     }

diff --git a/packages/extension-polkagate/src/fullscreen/nft/index.tsx b/packages/extension-polkagate/src/fullscreen/nft/index.tsx
@@ -99,7 +99,7 @@ function NFT (): React.ReactElement {
           />
           {step === STEPS.UNSUPPORTED &&
             <Grid alignItems='center' container direction='column' display='block' item>
-              <Grid container item sx={{ '> div.belowInput': { m: 0 }, height: '30px', m: 'auto', pt: '50px', width: '400px' }}>
+              <Grid container item justifyContent='center' sx={{ '> div.belowInput': { m: 0 }, height: '30px', m: 'auto', pt: '50px', width: '70%' }}>
                 <Warning
                   fontSize='16px'
                   fontWeight={500}