Merge pull request #80 from innovation-upstream/feat/add-onAnimationC…

…omplete-prop-to-modal feat: Add onAnimationComplete prop to modal
ApeSwapFinance · May 19, 2022 · 4bd8647 · 4bd8647
2 parents 4a7554e + 1730831
commit 4bd8647
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/widgets/Modal/Modal.tsx b/src/widgets/Modal/Modal.tsx
@@ -15,6 +15,7 @@ const Modal: React.FC<ModalProps> = ({
   zIndex = "modal",
   minWidth = "50%",
   maxWidth = "80%",
+  onAnimationComplete,
   ...props
 }) => {
   return (
@@ -28,6 +29,7 @@ const Modal: React.FC<ModalProps> = ({
             exit={{ opacity: 0, transform: "translate(-50%, -50%) scale(0)" }}
             {...props}
             sx={{ minWidth, maxWidth, zIndex, ...style.container }}
+            onAnimationComplete={onAnimationComplete}
           >
             {title && (
               <ModalHeader onDismiss={onDismiss}>

diff --git a/src/widgets/Modal/types.ts b/src/widgets/Modal/types.ts
@@ -1,5 +1,6 @@
 export interface InternalProps {
   onDismiss?: () => void;
+  onAnimationComplete?: () => void;
   t?: (key: string) => string;
 }