awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-21 11:28:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: minor tw4 fixes and lint tw format

Browse Source
This commit is contained in:
Scott Wilson
2025-10-10 10:41:20 -07:00
parent bf5a291e87
commit 29b2333781
838 changed files with 3509 additions and 3511 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/organization/GroupDetailsByIDPage/components/GroupDetailsSection.tsx
+16 -16
View File
@@ -16,12 +16,12 @@ type Props = {
export const GroupDetailsSection = ({ groupId, handlePopUpOpen }: Props) => {
const { data, isPending } = useGetGroupById(groupId);
if (isPending) return <Spinner size="sm" className="mt-2 ml-2" />;
if (isPending) return <Spinner size="sm" className="ml-2 mt-2" />;
return data ? (
<div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
<h3 className="text-lg font-medium text-mineshaft-100">Group Details</h3>
<div className="border-mineshaft-600 bg-mineshaft-900 rounded-lg border p-4">
<div className="border-mineshaft-400 flex items-center justify-between border-b pb-4">
<h3 className="text-mineshaft-100 text-lg font-medium">Group Details</h3>
<OrgPermissionCan I={OrgPermissionGroupActions.Edit} a={OrgPermissionSubjects.Groups}>
{(isAllowed) => {
return (
@@ -49,38 +49,38 @@ export const GroupDetailsSection = ({ groupId, handlePopUpOpen }: Props) => {
</div>
<div className="pt-4">
<div className="mb-4">
<p className="text-sm font-medium text-mineshaft-300">Group ID</p>
<p className="text-mineshaft-300 text-sm font-medium">Group ID</p>
<div className="group flex items-center gap-2">
<p className="text-sm text-mineshaft-300">{data.group.id}</p>
<p className="text-mineshaft-300 text-sm">{data.group.id}</p>
<CopyButton value={data.group.id} name="Group ID" size="xs" variant="plain" />
</div>
</div>
<div className="mb-4">
<p className="text-sm font-medium text-mineshaft-300">Name</p>
<p className="text-sm text-mineshaft-300">{data.group.name}</p>
<p className="text-mineshaft-300 text-sm font-medium">Name</p>
<p className="text-mineshaft-300 text-sm">{data.group.name}</p>
</div>
<div className="mb-4">
<p className="text-sm font-medium text-mineshaft-300">Slug</p>
<p className="text-mineshaft-300 text-sm font-medium">Slug</p>
<div className="group flex items-center gap-2">
<p className="text-sm text-mineshaft-300">{data.group.slug}</p>
<p className="text-mineshaft-300 text-sm">{data.group.slug}</p>
<CopyButton value={data.group.slug} name="Slug" size="xs" variant="plain" />
</div>
</div>
<div className="mb-4">
<p className="text-sm font-medium text-mineshaft-300">Organization Role</p>
<p className="text-sm text-mineshaft-300">{data.group.role}</p>
<p className="text-mineshaft-300 text-sm font-medium">Organization Role</p>
<p className="text-mineshaft-300 text-sm">{data.group.role}</p>
</div>
<div className="mb-4">
<p className="text-sm font-medium text-mineshaft-300">Created At</p>
<p className="text-sm text-mineshaft-300">
<p className="text-mineshaft-300 text-sm font-medium">Created At</p>
<p className="text-mineshaft-300 text-sm">
{new Date(data.group.createdAt).toLocaleString()}
</p>
</div>
</div>
</div>
) : (
<div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="flex items-center justify-between border-b border-mineshaft-400 pb-4">
<div className="border-mineshaft-600 bg-mineshaft-900 rounded-lg border p-4">
<div className="border-mineshaft-400 flex items-center justify-between border-b pb-4">
<p className="text-mineshaft-300">Group data not found</p>
</div>
</div>