github/infisical
1
0
Fork 0
mirror of https://github.com/Infisical/infisical.git synced 2026-01-08 23:18:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

copy resource ID option

Browse Source
This commit is contained in:
x032205
2025-12-19 14:26:36 -05:00
parent ab571e38b6
commit d5e766b0d6
1 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/pages/pam/PamResourcesPage/components/PamResourceRow.tsx
View File

@@ -1,7 +1,8 @@
import { faEdit, faEllipsisV, faTrash } from "@fortawesome/free-solid-svg-icons"; import { faCheck, faCopy, faEdit, faEllipsisV, faTrash } 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";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions"; import { ProjectPermissionCan } from "@app/components/permissions";
import { import {
DropdownMenu, DropdownMenu,
@@ -16,6 +17,7 @@ import {
import { HighlightText } from "@app/components/v2/HighlightText"; import { HighlightText } from "@app/components/v2/HighlightText";
import { Badge } from "@app/components/v3"; import { Badge } from "@app/components/v3";
import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context"; import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
import { useToggle } from "@app/hooks";
import { PAM_RESOURCE_TYPE_MAP, TPamResource } from "@app/hooks/api/pam"; import { PAM_RESOURCE_TYPE_MAP, TPamResource } from "@app/hooks/api/pam";
type Props = { type Props = {
@@ -26,10 +28,24 @@ type Props = {
}; };
export const PamResourceRow = ({ resource, onUpdate, onDelete, search }: Props) => { export const PamResourceRow = ({ resource, onUpdate, onDelete, search }: Props) => {
const { name, resourceType } = resource; const { id, name, resourceType } = resource;
const { image, name: resourceTypeName } = PAM_RESOURCE_TYPE_MAP[resourceType]; const { image, name: resourceTypeName } = PAM_RESOURCE_TYPE_MAP[resourceType];
const [isIdCopied, setIsIdCopied] = useToggle(false);
const handleCopyId = () => {
setIsIdCopied.on();
navigator.clipboard.writeText(id);
createNotification({
text: "Resource ID copied to clipboard",
type: "info"
});
setTimeout(() => setIsIdCopied.off(), 2000);
};
return ( return (
<Tr className={twMerge("group h-10")}> <Tr className={twMerge("group h-10")}>
<Td> <Td>
@@ -61,6 +77,15 @@ export const PamResourceRow = ({ resource, onUpdate, onDelete, search }: Props)
</IconButton> </IconButton>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent sideOffset={2} align="end"> <DropdownMenuContent sideOffset={2} align="end">
<DropdownMenuItem
icon={<FontAwesomeIcon icon={isIdCopied ? faCheck : faCopy} />}
onClick={(e) => {
e.stopPropagation();
handleCopyId();
}}
>
Copy Resource ID
</DropdownMenuItem>
<ProjectPermissionCan <ProjectPermissionCan
I={ProjectPermissionActions.Edit} I={ProjectPermissionActions.Edit}
a={ProjectPermissionSub.PamResources} a={ProjectPermissionSub.PamResources}