Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-04 11:03:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1663] Prevent middle-click opening new tab (#2168)

Browse source 
Update Link.tsx
This commit is contained in:
ameer2468 2024-03-06 03:37:31 +03:00 committed by GitHub
parent c11ecd2457
commit 55d2ec7a6a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
interface/app/$libraryId/Layout/Sidebar/SidebarLayout/Link.tsx
View file

@ -1,6 +1,6 @@
import { cva } from 'class-variance-authority';
import clsx from 'clsx';
import { forwardRef, PropsWithChildren } from 'react';
import { forwardRef, PropsWithChildren, useEffect } from 'react';
import { NavLink, NavLinkProps } from 'react-router-dom';
import { useOperatingSystem } from '~/hooks/useOperatingSystem';
import { usePlatform } from '~/util/Platform';
@ -31,6 +31,17 @@ const Link = forwardRef<
const os = useOperatingSystem();
const { platform } = usePlatform();
//prevents middle click from opening new tab
useEffect(() => {
const handleClick = (e: MouseEvent) => {
if (e.button === 1) e.preventDefault();
};
document.addEventListener('auxclick', handleClick);
return () => {
document.removeEventListener('auxclick', handleClick);
};
}, []);
return (
<NavLink
onClick={(e) => {