From 987dae9b2dae55b23febbec7928cb826c70a5721 Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Wed, 24 Jun 2020 01:16:39 -0300
Subject: [PATCH] fix dropdown

---
 .../ui/src/components/Dropdown/Dropdown.jsx   | 54 ++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/platform/ui/src/components/Dropdown/Dropdown.jsx b/platform/ui/src/components/Dropdown/Dropdown.jsx
index 8d298dc86..f13852aad 100644
--- a/platform/ui/src/components/Dropdown/Dropdown.jsx
+++ b/platform/ui/src/components/Dropdown/Dropdown.jsx
@@ -10,7 +10,7 @@ const Dropdown = ({ titleElement, title, list }) => {
 
   const renderTitleElement = () => {
     if (titleElement) {
-      return <>{titleElement}</>;
+      return titleElement;
     }
 
     return (
@@ -44,29 +44,35 @@ const Dropdown = ({ titleElement, title, list }) => {
           }
         )}
       >
-        {list.map((item, idx) => (
-          <div
-            key={item.title}
-            className={classnames(
-              'flex px-4 py-2 cursor-pointer items-center transition duration-300 hover:bg-secondary-main',
-              {
-                'border-b border-secondary-main': itemsAmount !== idx + 1,
-              }
-            )}
-            onClick={() => {
-              setOpen(false);
-
-              if (item.onClick) {
-                item.onClick();
-              }
-            }}
-          >
-            {!!item.icon && (
-              <Icon name={item.icon} className="text-white w-4 mr-2" />
-            )}
-            <Typography>{item.title}</Typography>
-          </div>
-        ))}
+        {list.map(
+          (
+            {
+              title: itemTitle,
+              icon: itemIcon,
+              onClick: itemOnClick = () => {},
+            },
+            idx
+          ) => (
+            <div
+              key={itemTitle}
+              className={classnames(
+                'flex px-4 py-2 cursor-pointer items-center transition duration-300 hover:bg-secondary-main',
+                {
+                  'border-b border-secondary-main': itemsAmount !== idx + 1,
+                }
+              )}
+              onClick={() => {
+                setOpen(false);
+                itemOnClick();
+              }}
+            >
+              {!!itemIcon && (
+                <Icon name={itemIcon} className="text-white w-4 mr-2" />
+              )}
+              <Typography>{itemTitle}</Typography>
+            </div>
+          )
+        )}
       </div>
     );
   };