awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix UI folder row issue with multiple onClick events triggered before the redirect occurs

Browse Source
This commit is contained in:
Carlos Monastyrski
2025-08-11 13:44:22 -07:00
parent 9661458469
commit 2baadf60d1
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from "react";
import { faCheck, faFolder, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { twMerge } from "tailwind-merge";
@@ -23,8 +24,19 @@ export const SecretOverviewFolderRow = ({
onToggleFolderEdit,
onClick
}: Props) => {
const [isClicking, setIsClicking] = useState(false);
const handleClick = () => {
if (isClicking) return;
setIsClicking(true);
try {
onClick(folderName);
} finally {
setTimeout(() => setIsClicking(false), 1000);
}
};
return (
<Tr isHoverable isSelectable className="group" onClick={() => onClick(folderName)}>
<Tr isHoverable isSelectable className="group" onClick={handleClick}>
<Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 bg-clip-padding p-0 group-hover:bg-mineshaft-700">
<div className="flex items-center space-x-5 border-r border-mineshaft-600 px-5 py-2.5">
<div className="text-yellow-700">