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

improvement: reduce code duplication for copy value

Browse Source
This commit is contained in:
Scott Wilson
2025-09-18 12:17:50 -07:00
parent 999ce3fec6
commit 91d3ed632a
1 changed files with 25 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretVersionItem.tsx
+25 -36
View File
@@ -112,6 +112,29 @@ export const SecretVersionItem = ({
} }
}; };
const handleCopyValue = async (
e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>
) => {
const value = await handleGetSecretValue();
navigator.clipboard.writeText(value || "");
const target = e.currentTarget;
target.style.borderBottom = "1px dashed";
target.style.paddingBottom = "-1px";
// Create and insert popup
const popup = document.createElement("div");
popup.className =
"w-16 flex justify-center absolute top-6 left-0 text-xs text-primary-100 bg-mineshaft-800 px-1 py-0.5 rounded-md border border-primary-500/50";
popup.textContent = "Copied!";
target.parentElement?.appendChild(popup);
// Remove popup and border after delay
setTimeout(() => {
popup.remove();
target.style.borderBottom = "none";
}, 3000);
};
return ( return (
<div className="flex flex-row"> <div className="flex flex-row">
<div className="flex w-full flex-col space-y-1"> <div className="flex w-full flex-col space-y-1">
@@ -158,47 +181,13 @@ export const SecretVersionItem = ({
onClick={async (e) => { onClick={async (e) => {
if (secretValueHidden) return; if (secretValueHidden) return;
const value = await handleGetSecretValue(); await handleCopyValue(e);
navigator.clipboard.writeText(value || "");
const target = e.currentTarget;
target.style.borderBottom = "1px dashed";
target.style.paddingBottom = "-1px";
// Create and insert popup
const popup = document.createElement("div");
popup.className =
"w-16 flex justify-center absolute top-6 left-0 text-xs text-primary-100 bg-mineshaft-800 px-1 py-0.5 rounded-md border border-primary-500/50";
popup.textContent = "Copied!";
target.parentElement?.appendChild(popup);
// Remove popup and border after delay
setTimeout(() => {
popup.remove();
target.style.borderBottom = "none";
}, 3000);
}} }}
onKeyDown={async (e) => { onKeyDown={async (e) => {
if (secretValueHidden) return; if (secretValueHidden) return;
if (e.key === "Enter" || e.key === " ") { if (e.key === "Enter" || e.key === " ") {
const value = await handleGetSecretValue(); await handleCopyValue(e);
navigator.clipboard.writeText(value || "");
const target = e.currentTarget;
target.style.borderBottom = "1px dashed";
target.style.paddingBottom = "-1px";
// Create and insert popup
const popup = document.createElement("div");
popup.className =
"w-16 flex justify-center absolute top-6 left-0 text-xs text-primary-100 bg-mineshaft-800 px-1 py-0.5 rounded-md border border-primary-500/50";
popup.textContent = "Copied!";
target.parentElement?.appendChild(popup);
// Remove popup and border after delay
setTimeout(() => {
popup.remove();
target.style.borderBottom = "none";
}, 3000);
} }
}} }}
> >