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

add "rotated <time> ago" badge to account rows

Browse Source
This commit is contained in:
x032205
2025-10-17 16:49:22 -04:00
parent d77f8033b0
commit f9fe5e8b0e
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/pam/PamAccountsPage/components/PamAccountRow.tsx
+8
View File
@@ -7,10 +7,12 @@ import {
faEllipsisV, faEllipsisV,
faFolder, faFolder,
faRightToBracket, faRightToBracket,
faRotate,
faTrash faTrash
} from "@fortawesome/free-solid-svg-icons"; } 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 { formatDistance } from "date-fns";
import { createNotification } from "@app/components/notifications"; import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions"; import { ProjectPermissionCan } from "@app/components/permissions";
@@ -100,6 +102,12 @@ export const PamAccountRow = ({
</span> </span>
</Badge> </Badge>
)} )}
{account.lastRotatedAt && (
<Badge className="flex h-5 w-min items-center gap-1.5 bg-orange/20 whitespace-nowrap text-orange">
<FontAwesomeIcon icon={faRotate} />
<span>Rotated {formatDistance(new Date(), account.lastRotatedAt)} ago</span>
</Badge>
)}
</div> </div>
</div> </div>
</Td> </Td>