From 7cd46c3a6cade88ff300dd151e159502d49e9023 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matthias=20V=C3=B6pel?= <matthias@voepel.ruhr>
Date: Wed, 25 Oct 2023 10:59:53 +0200
Subject: [PATCH] Make Tabs closable by mouseclick.

Make Tabs closable by mouseclick.
---
 .../bruno-app/src/components/RequestTabs/index.js     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RequestTabs/index.js b/packages/bruno-app/src/components/RequestTabs/index.js
index 3063771e8..d9327ab5b 100644
--- a/packages/bruno-app/src/components/RequestTabs/index.js
+++ b/packages/bruno-app/src/components/RequestTabs/index.js
@@ -4,7 +4,7 @@ import filter from 'lodash/filter';
 import classnames from 'classnames';
 import { IconChevronRight, IconChevronLeft } from '@tabler/icons';
 import { useSelector, useDispatch } from 'react-redux';
-import { focusTab } from 'providers/ReduxStore/slices/tabs';
+import { closeTabs, focusTab } from 'providers/ReduxStore/slices/tabs';
 import NewRequest from 'components/Sidebar/NewRequest';
 import CollectionToolBar from './CollectionToolBar';
 import RequestTab from './RequestTab';
@@ -35,6 +35,14 @@ const RequestTabs = () => {
     );
   };
 
+  const handleCloseClick = (tab) => {
+    dispatch(
+      closeTabs({
+        tabUids: [tab.uid]
+      })
+    );
+  };
+
   const createNewTab = () => setNewRequestModalOpen(true);
 
   if (!activeTabUid) {
@@ -110,6 +118,7 @@ const RequestTabs = () => {
                         className={getTabClassname(tab, index)}
                         role="tab"
                         onClick={() => handleClick(tab)}
+                        onAuxClick={() => handleCloseClick(tab)}
                       >
                         <RequestTab key={tab.uid} tab={tab} collection={activeCollection} />
                       </li>