Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The PowerItem.jsx now supports a middle click

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-02 20:37:00 +02:00
parent b9d7062eba
commit b482e1e8b7
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/common/components/Sidebar/components/SidebarContent/components/PowerItem/PowerItem.jsx
View File

@ -6,8 +6,16 @@ export const PowerItem = ({icon, name, path}) => {
const location = useLocation();
const navigate = useNavigate();
const mouseDown = (event) => {
if (event.button === 1) {
event.preventDefault();
window.open(window.location.origin + path, "_blank");
}
}
return (
<div className={"power-item" + (location.pathname === path ? " power-item-active" : "")} onClick={() => navigate(path)}>
<div className={"power-item" + (location.pathname === path ? " power-item-active" : "")}
onMouseDown={mouseDown} onClick={() => navigate(path)}>
<FontAwesomeIcon icon={icon}/>
<h2>{name}</h2>
</div>