From a11f0b73392a2fe522190d0f48053af8d8fbedee Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 5 Jul 2024 11:08:42 +0200
Subject: [PATCH] fix ui: metric list warning fix

---
 .../MetricListItem/MetricListItem.tsx         | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 85998a232..a79dc1a78 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -165,6 +165,18 @@ const MetricListItem: React.FC<Props> = ({
     }
   };
 
+  const menuItems = [
+    {
+      key: "rename",
+      icon: <EditOutlined />,
+      label: "Rename"
+    },
+    {
+      key: "delete",
+      icon: <DeleteOutlined />,
+      label: "Delete"
+    }
+  ]
   switch (renderColumn) {
     case 'title':
       return (
@@ -195,16 +207,7 @@ const MetricListItem: React.FC<Props> = ({
         <>
         <div className='flex justify-end'>
           <Dropdown
-            overlay={
-              <Menu onClick={onMenuClick}>
-                <Menu.Item key="rename" icon={<EditOutlined />}>
-                  Rename
-                </Menu.Item>
-                <Menu.Item key="delete" icon={<DeleteOutlined />}>
-                  Delete
-                </Menu.Item>
-              </Menu>
-            }
+            menu={{ items: menuItems, onClick: onMenuClick }}
             trigger={['click']}
           >
             <Button type="text" icon={<MoreOutlined />} />