87505b1c59
* Add eslint configuration * Patch eslint plugin for sorting imports * Apply eslint rules for imports
30 lines
741 B
TypeScript
30 lines
741 B
TypeScript
// Copyright 2017-2020 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useCallback } from 'react';
|
|
|
|
import type { ModalState } from './types';
|
|
import { useToggle } from './useToggle';
|
|
|
|
export 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 };
|
|
}
|