ghost-portal/packages/react-hooks/src/useAddresses.ts
Jaco Greeff b4d0ff93a2
Bump API (dispatchQueue derive) (#2467)
* Bump API (dispatchQueue derive)

* with democracy.nextExternal
2020-03-27 21:26:23 +01:00

37 lines
1.1 KiB
TypeScript

// Copyright 2017-2020 @polkadot/react-hooks authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { useEffect, useState } from 'react';
import addressObservable from '@polkadot/ui-keyring/observable/addresses';
import useIsMountedRef from './useIsMountedRef';
interface UseAccounts {
allAddresses: string[];
hasAddresses: boolean;
}
export default function useAccounts (): UseAccounts {
const mountedRef = useIsMountedRef();
const [state, setState] = useState<UseAccounts>({ allAddresses: [], hasAddresses: false });
useEffect((): () => void => {
const subscription = addressObservable.subject.subscribe((addresses): void => {
if (mountedRef.current) {
const allAddresses = addresses ? Object.keys(addresses) : [];
const hasAddresses = allAddresses.length !== 0;
setState({ allAddresses, hasAddresses });
}
});
return (): void => {
setTimeout(() => subscription.unsubscribe(), 0);
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return state;
}