mirror of
https://github.com/pawelmalak/flame.git
synced 2026-03-09 22:13:12 +08:00
Fixed visual bug with custom theme editor modal. Added Mint theme
This commit is contained in:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user