holm/bruno
1
0
Fork 0
forked from extern/bruno
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make Tabs closable by mouseclick.

Browse Source 
Make Tabs closable by mouseclick.
This commit is contained in:
Matthias Vöpel 2023-10-25 10:59:53 +02:00 committed by GitHub
parent 5274d77660
commit 7cd46c3a6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/bruno-app/src/components/RequestTabs/index.js
View File

@ -4,7 +4,7 @@ import filter from 'lodash/filter';
import classnames from 'classnames'; import classnames from 'classnames';
import { IconChevronRight, IconChevronLeft } from '@tabler/icons'; import { IconChevronRight, IconChevronLeft } from '@tabler/icons';
import { useSelector, useDispatch } from 'react-redux'; 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 NewRequest from 'components/Sidebar/NewRequest';
import CollectionToolBar from './CollectionToolBar'; import CollectionToolBar from './CollectionToolBar';
import RequestTab from './RequestTab'; import RequestTab from './RequestTab';
@ -35,6 +35,14 @@ const RequestTabs = () => {
); );
}; };
const handleCloseClick = (tab) => {
dispatch(
closeTabs({
tabUids: [tab.uid]
})
);
};
const createNewTab = () => setNewRequestModalOpen(true); const createNewTab = () => setNewRequestModalOpen(true);
if (!activeTabUid) { if (!activeTabUid) {
@ -110,6 +118,7 @@ const RequestTabs = () => {
className={getTabClassname(tab, index)} className={getTabClassname(tab, index)}
role="tab" role="tab"
onClick={() => handleClick(tab)} onClick={() => handleClick(tab)}
onAuxClick={() => handleCloseClick(tab)}
> >
<RequestTab key={tab.uid} tab={tab} collection={activeCollection} /> <RequestTab key={tab.uid} tab={tab} collection={activeCollection} />
</li> </li>