feat(users): add description field to permission definitions

This commit is contained in:
2026-04-22 16:20:43 -04:00
parent da5a1c6587
commit 71fe05bd2b
3 changed files with 32 additions and 30 deletions
@@ -150,21 +150,23 @@ const RoleEditModal = ({ roleId, isOpen, onClose, onSaved }) => {
</div>
</div>
<div className="flex flex-col gap-2">
<p className="text-xs font-semibold text-neutral-900 dark:text-white">Permissions</p>
<div className="flex flex-col gap-3">
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Permissions</p>
{Object.entries(PERMISSION_GROUPS).map(([group, perms]) => (
<div key={group} className="flex flex-col">
<p className="text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wide py-1">
{group}
</p>
<div className="flex flex-col divide-y divide-neutral-100 dark:divide-neutral-700/50">
<div key={group} className="rounded-xl border border-neutral-200 dark:border-neutral-700/60 overflow-hidden">
<div className="px-4 py-2.5 bg-neutral-50 dark:bg-neutral-800/60 border-b border-neutral-200 dark:border-neutral-700/60">
<p className="text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wide">
{group}
</p>
</div>
<div className="flex flex-col divide-y divide-neutral-100 dark:divide-neutral-700/40">
{perms.map((perm) => (
<Switch
key={perm.key}
checked={selectedPerms.includes(perm.key)}
onChange={() => togglePerm(perm.key)}
label={perm.name}
description={perm.key}
description={perm.description}
/>
))}
</div>