From c30a4cd939571bf1620251f3accd4cde7681ba5f Mon Sep 17 00:00:00 2001
From: Arpit <arpitnath42@gmail.com>
Date: Tue, 22 Feb 2022 18:24:05 +0530
Subject: [PATCH] Fixes file picker crash (#2320)

---
 frontend/src/Editor/Components/FilePicker.jsx | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/frontend/src/Editor/Components/FilePicker.jsx b/frontend/src/Editor/Components/FilePicker.jsx
index 2cfbc481f4..fc6c733c20 100644
--- a/frontend/src/Editor/Components/FilePicker.jsx
+++ b/frontend/src/Editor/Components/FilePicker.jsx
@@ -172,20 +172,19 @@ export const FilePicker = ({
       });
 
       setSelectedFiles(fileData);
-      onComponentOptionChanged(component, 'file', fileData).then(() =>
-        onEvent('onFileSelected', { component }).then(() => {
-          setAccepted(true);
-          // eslint-disable-next-line no-unused-vars
-          return new Promise(function (resolve, reject) {
-            setTimeout(() => {
-              setShowSelectedFiles(true);
-              setAccepted(false);
-              onComponentOptionChanged(component, 'isParsing', false);
-              resolve();
-            }, 600);
-          });
-        })
-      );
+      onComponentOptionChanged(component, 'file', fileData);
+      onEvent('onFileSelected', { component }).then(() => {
+        setAccepted(true);
+        // eslint-disable-next-line no-unused-vars
+        return new Promise(function (resolve, reject) {
+          setTimeout(() => {
+            setShowSelectedFiles(true);
+            setAccepted(false);
+            onComponentOptionChanged(component, 'isParsing', false);
+            resolve();
+          }, 600);
+        });
+      });
     }
 
     if (fileRejections.length > 0) {
@@ -231,7 +230,7 @@ export const FilePicker = ({
                 <FilePicker.Signifiers
                   signifier={selectedFiles.length > 0}
                   feedback={acceptedFile.name}
-                  cls="text-secondary d-flex justify-content-start file-list"
+                  cls="text-secondary d-flex justify-content-start file-list mb-2"
                 />
               </div>
               <div className="col-2 mt-1">
@@ -274,7 +273,7 @@ export const FilePicker = ({
 
 FilePicker.Signifiers = ({ signifier, feedback, cls }) => {
   if (signifier) {
-    return <center>{feedback === null ? <div className={cls}></div> : <p className={cls}>{feedback}</p>}</center>;
+    return <>{feedback === null ? <div className={cls}></div> : <p className={cls}>{feedback}</p>}</>;
   }
 
   return null;