@@ -86,3 +92,42 @@ export default function SubmitTxF(props: {
>
)
}
+
+const groupLabels: Record
= {
+ ledger: "Ledger",
+ readonly: "Read Only",
+ "polkadot-vault": "Vault",
+ walletconnect: "Wallet Connect",
+}
+
+const SelectAccount: FC<{
+ className?: string
+}> = ({ className }) => {
+ const availableAccounts = useAvailableAccounts()
+ const [account, setAccount] = useSelectedAccount()
+
+ const groups = Object.entries(availableAccounts)
+ .filter(([, accounts]) => accounts.length > 0)
+ .map(([key, accounts]) => ({
+ name: groupLabels[key] ?? key,
+ accounts,
+ }))
+
+ if (!groups.length && !account) return null
+
+ return (
+ (
+
+ )}
+ />
+ )
+}
diff --git a/src/pages/Network/Network.tsx b/src/pages/Network/Network.tsx
index 5724853..dc6b3a9 100644
--- a/src/pages/Network/Network.tsx
+++ b/src/pages/Network/Network.tsx
@@ -216,6 +216,7 @@ const NetworkSwitchDialogContent: FC<{
{Object.entries(selectedNetwork.endpoints).map(
([rpcName, url]) => (
-