crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Modal confirm modal info

Browse Source 
:%s
This commit is contained in:
unknown
2021-08-30 13:41:45 +07:00
parent e0ccff890d
commit d9e0cc248f
7 changed files with 79 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/ModalCommon/ModalCommon.tsx
View File

@@ -2,7 +2,7 @@ import React, { useRef } from 'react'
import { Close } from 'src/components/icons'
import { useOnClickOutside } from 'src/utils/useClickOutSide'
import s from './ModalCommon.module.scss'
interface Props {
export interface ModalCommonProps {
onClose: () => void
visible: boolean
children: React.ReactNode
@@ -10,7 +10,7 @@ interface Props {
maxWidth?:string
}
const ModalCommon = ({ onClose, visible, children, title="Modal",maxWidth }: Props) => {
const ModalCommon = ({ onClose, visible, children, title="Modal",maxWidth }: ModalCommonProps) => {
const modalRef = useRef<HTMLDivElement>(null)
const clickOutSide = () => {
onClose && onClose()