diff --git a/frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx b/frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx index f8023f705..a969edea8 100644 --- a/frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx +++ b/frontend/src/pages/secret-manager/OverviewPage/components/SecretOverviewFolderRow/SecretOverviewFolderRow.tsx @@ -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,16 @@ export const SecretOverviewFolderRow = ({ onToggleFolderEdit, onClick }: Props) => { + const [isClicking, setIsClicking] = useState(false); + const handleClick = () => { + if (isClicking) return; + + setIsClicking(true); + onClick(folderName); + setTimeout(() => setIsClicking(false), 1000); + }; return ( -