Skip to content
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
"use client";
import { NavbarActionButton } from "@/components/navigation/action-button";
import { CopyableIDButton } from "@/components/navigation/copyable-id-button";
import { Navbar } from "@/components/navigation/navbar";
import type { Permission } from "@unkey/db";
import { ShieldKey } from "@unkey/icons";
Expand Down Expand Up @@ -31,8 +30,6 @@ export function Navigation({
</Navbar.Breadcrumbs.Link>
</Navbar.Breadcrumbs>
<Navbar.Actions>
<CopyableIDButton value={permission.name} />
<CopyableIDButton value={permission.id} />
<DeletePermission
key="delete-permission"
trigger={
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
"use client";

import { revalidateTag } from "@/app/actions";
import { CopyableIDButton } from "@/components/navigation/copyable-id-button";
import { SettingCard } from "@/components/settings-card";
import { toast } from "@/components/ui/toaster";
import { tags } from "@/lib/cache";
import { trpc } from "@/lib/trpc/client";
import { zodResolver } from "@hookform/resolvers/zod";
import { Clone } from "@unkey/icons";
import { Button, Input } from "@unkey/ui";
import { validation } from "@unkey/validation";
import { format } from "date-fns";
Expand Down Expand Up @@ -119,8 +119,7 @@ export const PermissionClient = ({ permission }: Props) => {
title="Permission name"
description={
<div>
Used in API calls. Changing this may affect your access control
<br /> requests.
Used in API calls. Changing this may affect your access control requests.
</div>
}
border="top"
Expand All @@ -145,25 +144,9 @@ export const PermissionClient = ({ permission }: Props) => {
description="An identifier for the permission, used in API calls."
border="bottom"
>
<Input
readOnly
disabled
defaultValue={permission.id}
placeholder="Permission ID"
rightIcon={
<button
type="button"
onClick={() => {
navigator.clipboard.writeText(permission.id);
toast.success("Copied to clipboard", {
description: permission.id,
});
}}
>
<Clone size="md-regular" />
</button>
}
/>
<div className="flex justify-end w-full">
<CopyableIDButton value={permission.id} />
</div>
</SettingCard>
</div>

Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
"use client";

import { revalidateTag } from "@/app/actions";
import { CopyableIDButton } from "@/components/navigation/copyable-id-button";
import { SettingCard } from "@/components/settings-card";
import { tags } from "@/lib/cache";
import { trpc } from "@/lib/trpc/client";
import { zodResolver } from "@hookform/resolvers/zod";
import { Clone } from "@unkey/icons";
import { Button, Input } from "@unkey/ui";
import { validation } from "@unkey/validation";
import { format } from "date-fns";
Expand Down Expand Up @@ -133,25 +133,9 @@ export const RoleClient = ({ role, activeKeys, sortedNestedPermissions }: RoleCl
description="An identifier for this role, used in API calls."
border="bottom"
>
<Input
readOnly
disabled
defaultValue={role.id}
placeholder="Role ID"
rightIcon={
<button
type="button"
onClick={() => {
navigator.clipboard.writeText(role.id);
toast.success("Copied to clipboard", {
description: role.id,
});
}}
>
<Clone size="md-regular" />
</button>
}
/>
<div className="flex justify-end w-full">
<CopyableIDButton value={role.id} />
</div>
</SettingCard>
</div>

Expand Down
Loading