diff --git a/packages/bruno-app/src/components/RequestTabs/index.js b/packages/bruno-app/src/components/RequestTabs/index.js index 3063771e..d9327ab5 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)} >