From cd358b3ff6d86edd4be40a0c55a2d99e1686d5db Mon Sep 17 00:00:00 2001
From: Abhinav-grd <abhinavk.grd@gmail.com>
Date: Tue, 16 Feb 2021 13:20:37 +0530
Subject: [PATCH] moved key to div wrapper

---
 src/pages/gallery/components/CollectionSelector.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/gallery/components/CollectionSelector.tsx b/src/pages/gallery/components/CollectionSelector.tsx
index ebf3c5c54..4c58fd499 100644
--- a/src/pages/gallery/components/CollectionSelector.tsx
+++ b/src/pages/gallery/components/CollectionSelector.tsx
@@ -13,11 +13,9 @@ function CollectionSelector(props) {
         collectionAndItsLatestFile,
         ...rest
     } = props;
-
     const CollectionIcons = collectionAndItsLatestFile?.map((item) => (
-        <div style={{ margin: '10px' }}>
+        <div style={{ margin: '10px' }} key={item.collection.id}>
             <CollectionDropZone
-                key={item.collection.id}
                 {...rest}
                 closeModal={closeUploadModal}
                 showModal={showUploadModal}
@@ -45,7 +43,9 @@ function CollectionSelector(props) {
             style={{ maxWidth: '100%' }}
         >
             <Modal.Header closeButton>
-                <Modal.Title style={{ marginLeft: '12px' }}>{constants.SELECT_COLLECTION}</Modal.Title>
+                <Modal.Title style={{ marginLeft: '12px' }}>
+                    {constants.SELECT_COLLECTION}
+                </Modal.Title>
             </Modal.Header>
             <Modal.Body
                 style={{