ghost-portal/packages/react-hooks/src/useAddresses.ts
Jaco Greeff 83a2ddedd4
useCallback in all staking callbacks (#2376)
* Add React.emomo to some components

* Linting

* useCallback for callbacks

* Additional useCallback impl.
2020-03-12 12:59:09 +01:00

36 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 mounted = useIsMountedRef();
const [state, setState] = useState<UseAccounts>({ allAddresses: [], hasAddresses: false });
useEffect((): () => void => {
const subscription = addressObservable.subject.subscribe((addresses): void => {
if (mounted.current) {
const allAddresses = addresses ? Object.keys(addresses) : [];
const hasAddresses = allAddresses.length !== 0;
setState({ allAddresses, hasAddresses });
}
});
return (): void => {
setTimeout(() => subscription.unsubscribe(), 0);
};
}, []);
return state;
}