kylefang/connect
1
0
Fork 0
mirror of https://github.com/zhigang1992/connect.git synced 2026-03-26 10:14:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: modal component state mgmt, style override

Browse Source
This commit is contained in:
kyranjamie
2020-07-07 13:08:50 +02:00
committed by kyranjamie
parent 2f5fdb4eb7
commit 7f6792db88
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/modal/index.tsx
View File

@@ -111,6 +111,7 @@ export const Modal: React.FC<ModalProps> = React.memo(
children,
noAnimation = false,
close,
...props
}) => {
const { doCloseModal } = useModalState();
const ref = React.useRef(null);
@@ -146,7 +147,7 @@ export const Modal: React.FC<ModalProps> = React.memo(
<>
<ModalUnderlay isOpen={isOpen} noAnimation={noAnimation} />
<ModalWrapper isOpen={isOpen}>
<ModalCardContainer ref={ref} isOpen={isOpen} noAnimation={noAnimation}>
<ModalCardContainer ref={ref} isOpen={isOpen} noAnimation={noAnimation} {...props}>
<Header component={HeaderComponent} />
<Box overflowY="auto">{children}</Box>
<Footer component={FooterComponent} />
@@ -160,7 +161,7 @@ export const Modal: React.FC<ModalProps> = React.memo(
export const ModalProvider: React.FC = props => {
const [isOpen, setIsOpen] = React.useState(false);
const doOpenModal = () => (!isOpen ? setIsOpen(true) : null);
const doCloseModal = () => (isOpen ? setIsOpen(true) : null);
const doCloseModal = () => (isOpen ? setIsOpen(false) : null);
return (
<ModalContext.Provider
value={{