Fixed errors raising in console when clicking outside MediaUploader m…

…odal while upload in progress (#893)
bigbinary · Sep 20, 2023 · e53d440 · e53d440
1 parent ad9fb34
commit e53d440
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/Editor/MediaUploader/index.jsx b/src/components/Editor/MediaUploader/index.jsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 
 import { Modal, Tab } from "neetoui";
+import { not } from "ramda";
 import { useTranslation } from "react-i18next";
 
 import { isNilOrEmpty } from "utils/common";
@@ -53,8 +54,10 @@ const MediaUploader = ({ mediaUploader, onClose, editor, unsplashApiKey }) => {
   return (
     <Modal
       closeButton={false}
-      isOpen={isOpen}
-      onClose={!isUploading && handleClose}
+      {...{ isOpen }}
+      closeOnEsc={not(isUploading)}
+      closeOnOutsideClick={not(isUploading)}
+      onClose={handleClose}
     >
       <div className="ne-media-uploader">
         {!isNilOrEmpty(tabs) && (
@@ -73,9 +76,8 @@ const MediaUploader = ({ mediaUploader, onClose, editor, unsplashApiKey }) => {
         <div className="ne-media-uploader__content">
           {activeTab === "local" && (
             <LocalUploader
-              insertMediaToEditor={insertMediaToEditor}
+              {...{ insertMediaToEditor, setIsUploading }}
               isImage={mediaUploader.image}
-              setIsUploading={setIsUploading}
               onClose={handleClose}
             />
           )}
@@ -90,7 +92,7 @@ const MediaUploader = ({ mediaUploader, onClose, editor, unsplashApiKey }) => {
           )}
           {activeTab === "unsplash" && (
             <UnsplashImagePicker
-              unsplashApiKey={unsplashApiKey}
+              {...{ unsplashApiKey }}
               onSubmit={handleSubmit}
             />
           )}