From 9147e921a2ffc38727cbd12bc3815b5cac875cd4 Mon Sep 17 00:00:00 2001
From: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
Date: Thu, 13 Jan 2022 11:39:35 -0800
Subject: [PATCH] Fix for issue #1390 caused by secure component having
 multiple childs

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 .../Objects/ListObjects/ListObjects.tsx       | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx
index 47e3586858..37f66974d4 100644
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx
@@ -1202,26 +1202,28 @@ const ListObjects = ({
                   scopes={[IAM_SCOPES.S3_PUT_OBJECT]}
                   errorProps={{ disabled: true }}
                 >
-                  <RBIconButton
-                    tooltip={"Upload folder"}
-                    onClick={() => {
-                      if (folderUpload && folderUpload.current) {
-                        folderUpload.current.click();
-                      }
-                    }}
-                    text={""}
-                    icon={<UploadFolderIcon />}
-                    color="primary"
-                    disabled={rewindEnabled}
-                    variant={"outlined"}
-                  />
-                  <input
-                    type="file"
-                    multiple
-                    onChange={handleUploadButton}
-                    style={{ display: "none" }}
-                    ref={folderUpload}
-                  />
+                  <>
+                    <RBIconButton
+                      tooltip={"Upload folder"}
+                      onClick={() => {
+                        if (folderUpload && folderUpload.current) {
+                          folderUpload.current.click();
+                        }
+                      }}
+                      text={""}
+                      icon={<UploadFolderIcon />}
+                      color="primary"
+                      disabled={rewindEnabled}
+                      variant={"outlined"}
+                    />
+                    <input
+                      type="file"
+                      multiple
+                      onChange={handleUploadButton}
+                      style={{ display: "none" }}
+                      ref={folderUpload}
+                    />
+                  </>
                 </SecureComponent>
 
                 <SecureComponent