add by me coffee

This commit is contained in:
Qing
2022-10-26 22:07:06 +08:00
parent e971f6090b
commit 6921a13a83
9 changed files with 98 additions and 11 deletions

View File

@@ -10,6 +10,7 @@ export interface ModalProps {
children?: ReactNode
onClose?: () => void
title: string
showCloseIcon?: boolean
className?: string
}
@@ -17,7 +18,7 @@ const Modal = React.forwardRef<
React.ElementRef<typeof DialogPrimitive.Root>,
ModalProps
>((props, forwardedRef) => {
const { show, children, onClose, className, title } = props
const { show, children, onClose, className, title, showCloseIcon } = props
const [_, setAppState] = useRecoilState(appState)
const onOpenChange = (open: boolean) => {
@@ -39,7 +40,11 @@ const Modal = React.forwardRef<
>
<div className="modal-header">
<DialogPrimitive.Title>{title}</DialogPrimitive.Title>
<Button icon={<XIcon />} onClick={onClose} />
{showCloseIcon ? (
<Button icon={<XIcon />} onClick={onClose} />
) : (
<></>
)}
</div>
{children}
</DialogPrimitive.Content>
@@ -48,4 +53,8 @@ const Modal = React.forwardRef<
)
})
Modal.defaultProps = {
showCloseIcon: true,
}
export default Modal

View File

@@ -14,7 +14,7 @@ $tooltip-margin: 1.5rem;
animation-name: opacityReveal;
animation-duration: 0.2s;
animation-fill-mode: forwards;
animation-delay: 1s;
animation-delay: 0.2s;
box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px,
hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
}