ghost-portal/packages/react-hooks/src/useModal.ts
Jaco Greeff e4c0cfd262
Exhaustive hooks (#2463)
* Exhaustive hooks

* selectUrl screw-up

* Adjust name badge

* Cleanup SideBar effects
2020-03-27 12:49:17 +01:00

32 lines
831 B
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 { ModalState } from './types';
import { useCallback } from 'react';
import useToggle from './useToggle';
export default function useModal (defaultIsOpen?: boolean, onOpen?: () => void, onClose?: () => void): ModalState {
const [isOpen, , setIsOpen] = useToggle(defaultIsOpen || false);
const _onOpen = useCallback(
(): void => {
setIsOpen(true);
onOpen && onOpen();
},
[onOpen, setIsOpen]
);
const _onClose = useCallback(
(): void => {
setIsOpen(false);
onClose && onClose();
},
[onClose, setIsOpen]
);
return { isOpen, onClose: _onClose, onOpen: _onOpen };
}