diff --git a/package.json b/package.json index ab333df8f..878ba3e71 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "near-wallet-selector", - "version": "7.9.1", + "version": "7.9.2", "description": "NEAR Wallet Selector makes it easy for users to interact with your dApp by providing an abstraction over various wallets within the NEAR ecosystem", "keywords": [ "near", diff --git a/packages/account-export/package.json b/packages/account-export/package.json index 95defabca..3cd8d5f50 100644 --- a/packages/account-export/package.json +++ b/packages/account-export/package.json @@ -1,6 +1,6 @@ { "name": "@near-wallet-selector/account-export", - "version": "7.9.1", + "version": "7.9.2", "description": "This is the Export Selector UI package for NEAR Wallet Selector.", "keywords": [ "near", diff --git a/packages/account-export/src/lib/components/AccountSelect.tsx b/packages/account-export/src/lib/components/AccountSelect.tsx index bdba5fda0..9fa395a9e 100644 --- a/packages/account-export/src/lib/components/AccountSelect.tsx +++ b/packages/account-export/src/lib/components/AccountSelect.tsx @@ -132,32 +132,38 @@ export const AccountSelect: React.FC = ({ ))} - - {translate("modal.exportAccounts.selectAccounts.unavailable")} - -
- {disabledAccounts.map(({ accountId, type, hasBalance }) => ( -
-
- { - onAccountSelect(accountId, e.target.checked); - }} - checked={selectedAccounts.includes(accountId)} - type="checkbox" - id={accountId} - name={accountId} - value={accountId} - disabled - /> - -
+ {disabledAccounts.length > 0 && ( + <> + + {translate( + "modal.exportAccounts.selectAccounts.unavailable" + )} + +
+ {disabledAccounts.map(({ accountId, type, hasBalance }) => ( +
+
+ { + onAccountSelect(accountId, e.target.checked); + }} + checked={selectedAccounts.includes(accountId)} + type="checkbox" + id={accountId} + name={accountId} + value={accountId} + disabled + /> + +
+
+ ))}
- ))} -
+ + )}