From 7c0474f14abe6c280af24c2d1bfba2fc1b6f067b Mon Sep 17 00:00:00 2001
From: t1enne <nasir.taov@gmail.com>
Date: Sat, 22 Oct 2022 10:43:35 +0200
Subject: [PATCH] made trigger button antd component

---
 .../ActionButtonMenu.module.scss                 | 16 +++++++++++++---
 .../ActionButtonMenu/ActionButtonMenu.tsx        | 16 +++++++++-------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
index 783fafc9f..3daf1da12 100644
--- a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
+++ b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.module.scss
@@ -3,13 +3,23 @@
   align-items: center;
 }
 
+.buttonWrap {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  button {
+    color: currentColor;
+  }
+}
+
 .icon {
   height: 15px;
   margin-right: 5px;
 }
 
 .menu {
-  border: none;
-  background-color: transparent;
-  margin: 8px;
+  color: currentColor;
+  // border: none;
+  // background-color: transparent;
+  // margin: 8px;
 }
diff --git a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
index 7dad682fb..b88fa6422 100644
--- a/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
+++ b/web/components/action-buttons/ActionButtonMenu/ActionButtonMenu.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { Dropdown, Menu, Space } from 'antd';
+import { Button, Dropdown, Menu, Space } from 'antd';
 import { DownOutlined, StarOutlined } from '@ant-design/icons';
 import styles from './ActionButtonMenu.module.scss';
 import { ExternalAction } from '../../../interfaces/external-action';
@@ -32,12 +32,14 @@ export const ActionButtonMenu: FC<ActionButtonMenuProps> = ({
 
   return (
     <Dropdown overlay={menu} trigger={['click']} className={styles.menu}>
-      <button type="button" onClick={e => e.preventDefault()}>
-        <Space>
-          <StarOutlined />
-          <DownOutlined />
-        </Space>
-      </button>
+      <div className={styles.buttonWrap}>
+        <Button type="default" onClick={e => e.preventDefault()}>
+          <Space>
+            <StarOutlined />
+            <DownOutlined />
+          </Space>
+        </Button>
+      </div>
     </Dropdown>
   );
 };