feat: added closeIcon Prop

This commit is contained in:
wonderlandpark 2021-03-13 19:04:46 +09:00
parent ee2773555d
commit 121b5c4a82

View File

@ -2,7 +2,7 @@ import { ReactNode } from 'react'
import { Modal as ReactModal } from 'react-responsive-modal' import { Modal as ReactModal } from 'react-responsive-modal'
import 'react-responsive-modal/styles.css' import 'react-responsive-modal/styles.css'
const Modal = ({ children, isOpen, onClose, dark, header, full=false }: ModalProps): JSX.Element => { const Modal = ({ children, isOpen, onClose, closeIcon=false, dark, header, full=false }: ModalProps): JSX.Element => {
return ( return (
<ReactModal <ReactModal
open={isOpen} open={isOpen}
@ -12,7 +12,7 @@ const Modal = ({ children, isOpen, onClose, dark, header, full=false }: ModalPro
classNames={{ classNames={{
modal: 'bg-discord-dark', modal: 'bg-discord-dark',
}} }}
showCloseIcon={false} showCloseIcon={closeIcon}
styles={{ styles={{
modal: { modal: {
borderRadius: '10px', borderRadius: '10px',
@ -36,6 +36,7 @@ interface ModalProps {
header?: string header?: string
full?: boolean full?: boolean
children: ReactNode children: ReactNode
closeIcon?: boolean
onClose(): void onClose(): void
} }