Migrate Add Database Panel to React (#597)

Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>

src/Explorer/Panes/UploadFilePane/UploadFilePane.tsx

@@ -15,9 +15,6 @@ export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
   closePanel,
   uploadFile,
 }: UploadFilePanelProps) => {
-  const title = "Upload file to notebook server";
-  const submitButtonLabel = "Upload";
-  const selectFileInputLabel = "Select file to upload";
   const extensions: string = undefined; //ex. ".ipynb"
   const errorMessage = "Could not upload file";
   const inProgressMessage = "Uploading file to notebook server";
@@ -39,11 +36,8 @@ export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
     }
 
     const file: File = files.item(0);
-    // const id: string = logConsoleProgress(
-    //   `${inProgressMessage}: ${file.name}`
-    // );
 
-    logConsoleProgress(`${inProgressMessage}: ${file.name}`);
+    const clearMessage = logConsoleProgress(`${inProgressMessage}: ${file.name}`);
 
     setIsExecuting(true);
 
@@ -61,7 +55,7 @@ export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
       )
       .finally(() => {
         setIsExecuting(false);
-        // clearInProgressMessageWithId(id);
+        clearMessage();
       });
   };
 
@@ -92,18 +86,15 @@ export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
     expandConsole,
     formError: formErrors,
     formErrorDetail: formErrorsDetails,
-    id: "uploadFilePane",
     isExecuting: isExecuting,
-    title,
-    submitButtonText: submitButtonLabel,
-    onClose: closePanel,
+    submitButtonText: "Upload",
     onSubmit: submit,
   };
 
   return (
     <RightPaneForm {...genericPaneProps}>
       <div className="paneMainContent">
-        <Upload label={selectFileInputLabel} accept={extensions} onUpload={updateSelectedFiles} />
+        <Upload label="Select file to upload" accept={extensions} onUpload={updateSelectedFiles} />
       </div>
     </RightPaneForm>
   );