ghost-portal/packages/react-hooks/src/useAccounts.ts

41 lines
1.2 KiB
TypeScript

// Copyright 2017-2021 @polkadot/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import { useEffect, useState } from 'react';
import { keyring } from '@polkadot/ui-keyring';
import { useIsMountedRef } from './useIsMountedRef';
interface UseAccounts {
allAccounts: string[];
areAccountsLoaded: boolean
hasAccounts: boolean;
isAccount: (address?: string | null) => boolean;
}
const EMPTY: UseAccounts = { allAccounts: [], areAccountsLoaded: false, hasAccounts: false, isAccount: () => false };
export function useAccounts (): UseAccounts {
const mountedRef = useIsMountedRef();
const [state, setState] = useState<UseAccounts>(EMPTY);
useEffect((): () => void => {
const subscription = keyring.accounts.subject.subscribe((accounts): void => {
if (mountedRef.current) {
const allAccounts = accounts ? Object.keys(accounts) : [];
const hasAccounts = allAccounts.length !== 0;
const isAccount = (address?: string | null) => !!address && allAccounts.includes(address);
setState({ allAccounts, areAccountsLoaded: true, hasAccounts, isAccount });
}
});
return (): void => {
setTimeout(() => subscription.unsubscribe(), 0);
};
}, [mountedRef]);
return state;
}