diff --git a/components/account-select.tsx b/components/account-select.tsx index e1eb159b85f16a2c4d9af346c02c21d9877f336a..a766cb9951ede5ce9ff55f3ec4c424b42347d8d0 100644 --- a/components/account-select.tsx +++ b/components/account-select.tsx @@ -1,10 +1,12 @@ -import { useContext } from 'react'; +import { useState } from 'react'; import Identicon from '@polkadot/react-identicon'; +import { usePolkadotExtensionWithContext } from '@/context/polkadotExtensionContext'; + import 'primereact/resources/themes/md-dark-indigo/theme.css' import 'primereact/resources/primereact.min.css' import { Dropdown } from 'primereact/dropdown' import styles from '@/styles/Home.module.css' -import { usePolkadotExtensionWithContext } from '@/context/polkadotExtensionContext'; + export const accountValueTemplate = (option: any, props: any) => { if ( option ) { @@ -43,6 +45,8 @@ export const accountOptionTemplate = (option: any) => { export default function AccountSelector( ) { const { accounts, actingAccount, setActingAccountIdx } = usePolkadotExtensionWithContext() + const [accounts,setAccounts] = useState([]) + return ( <Dropdown options={ accounts ?? undefined } diff --git a/components/login.tsx b/components/login.tsx index 695ed5e72a31ec0bd0bfa251cee6673fce0eda60..66acd2db7abbdc509badd47dae4fae7eaec3e35b 100644 --- a/components/login.tsx +++ b/components/login.tsx @@ -1,4 +1,4 @@ -import { useContext, useState } from "react"; +import { useState } from "react"; import { useSession, signIn, signOut, getCsrfToken } from "next-auth/react" import AccountSelect from "./account-select";