Merge pull request #393 from Gympass/feat/dialog

Fix problem on Dialog
gympass · Nov 11, 2021 · 717e2db · 717e2db
2 parents 8db60a1 + cdd9882
commit 717e2db
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/packages/yoga/src/Dialog/web/Dialog.jsx b/packages/yoga/src/Dialog/web/Dialog.jsx
@@ -83,21 +83,23 @@ const Dialog = ({ isOpen, children, onClose }) => {
     return () => document.removeEventListener('keydown', keyPress);
   }, [keyPress]);
 
-  return isOpen
-    ? createPortal(
-        <Overlay onClick={closeDialog} onClose={onClose} ref={dialogRef}>
-          <StyledDialog onClose={onClose}>
-            {onClose && (
-              <Box d="flex" justifyContent="flex-end" w="100%">
-                <Button.Icon icon={Close} inverted onClick={onClose} />
-              </Box>
-            )}
-            {children}
-          </StyledDialog>
-        </Overlay>,
-        dialogElement,
-      )
-    : null;
+  return isOpen ? (
+    createPortal(
+      <Overlay onClick={closeDialog} onClose={onClose} ref={dialogRef}>
+        <StyledDialog onClose={onClose}>
+          {onClose && (
+            <Box d="flex" justifyContent="flex-end" w="100%">
+              <Button.Icon icon={Close} inverted onClick={onClose} />
+            </Box>
+          )}
+          {children}
+        </StyledDialog>
+      </Overlay>,
+      dialogElement,
+    )
+  ) : (
+    <> </>
+  );
 };
 
 Dialog.propTypes = {