awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 15:27:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4354 from Infisical/ENG-3494

Browse Source 
Fix UI folder row issue with multiple onClick events triggered before the redirect occurs
This commit is contained in:
carlosmonastyrski
2025-08-11 15:46:26 -07:00
committed by GitHub
parent 77e8d8a86d fd4cdc2769
commit b464941fbc
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx
+10 -1
View File
@@ -1,3 +1,4 @@
import { useState } from "react";
import { faCheck, faFolder, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons"; import { faCheck, faFolder, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { twMerge } from "tailwind-merge"; import { twMerge } from "tailwind-merge";
@@ -23,8 +24,16 @@ export const SecretOverviewFolderRow = ({
onToggleFolderEdit, onToggleFolderEdit,
onClick onClick
}: Props) => { }: Props) => {
const [isClicking, setIsClicking] = useState(false);
const handleClick = () => {
if (isClicking) return;
setIsClicking(true);
onClick(folderName);
setTimeout(() => setIsClicking(false), 1000);
};
return ( 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"> <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="flex items-center space-x-5 border-r border-mineshaft-600 px-5 py-2.5">
<div className="text-yellow-700"> <div className="text-yellow-700">