Fixed visual bug with custom theme editor modal. Added Mint theme

This commit is contained in:
Paweł Malak
2022-03-25 14:07:53 +01:00
parent 0f6d79683e
commit 2c0491a5b0
7 changed files with 55 additions and 17 deletions

View File

@@ -6,24 +6,32 @@ interface Props {
isOpen: boolean;
setIsOpen: Function;
children: ReactNode;
cb?: Function;
}
export const Modal = (props: Props): JSX.Element => {
export const Modal = ({
isOpen,
setIsOpen,
children,
cb,
}: Props): JSX.Element => {
const modalRef = useRef(null);
const modalClasses = [
classes.Modal,
props.isOpen ? classes.ModalOpen : classes.ModalClose,
isOpen ? classes.ModalOpen : classes.ModalClose,
].join(' ');
const clickHandler = (e: MouseEvent) => {
if (e.target === modalRef.current) {
props.setIsOpen(false);
setIsOpen(false);
if (cb) cb();
}
};
return (
<div className={modalClasses} onClick={clickHandler} ref={modalRef}>
{props.children}
{children}
</div>
);
};