shawon/JML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update permission labels to use dynamic values and re-enable separator lines in roles page

Browse Source
This commit is contained in:
sazzadulalambd
2026-05-06 14:17:59 +06:00
parent 00e914d99a
commit 494ef7128b
1 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/app/admin/roles/page.tsx
View File

@@ -609,46 +609,46 @@ export default function RolesPage() {
<div className="px-3 py-2 bg-slate-50">
<p className="text-xs text-slate-500">{group.description}</p>
</div>
{group.permissionPairs ? (
<div className="divide-y divide-slate-200">
{group.permissionPairs.map((pair, pairIdx) => (
<div key={pair.label}>
<div className="flex items-center justify-between px-3 py-2.5">
<span className="text-sm font-medium text-slate-700">{pair.label}</span>
<div className="flex items-center gap-4">
<div className="flex items-center gap-2">
{pair.view.enabled ? (
<Check className="w-4 h-4 text-green-600" />
) : (
<X className="w-4 h-4 text-slate-300" />
)}
<span className="text-xs text-slate-600">View</span>
<Toggle
checked={pair.view.enabled}
onChange={() => togglePermissionPair(gi, pairIdx, 'view')}
/>
</div>
<div className="flex items-center gap-2">
{pair.edit.enabled ? (
<Check className="w-4 h-4 text-green-600" />
) : (
<X className="w-4 h-4 text-slate-300" />
)}
<span className="text-xs text-slate-600">Edit</span>
<Toggle
checked={pair.edit.enabled}
onChange={() => togglePermissionPair(gi, pairIdx, 'edit')}
/>
{group.permissionPairs ? (
<div className="divide-y divide-slate-200">
{group.permissionPairs.map((pair, pairIdx) => (
<div key={pair.label}>
<div className="flex items-center justify-between px-3 py-2.5">
<span className="text-sm font-medium text-slate-700">{pair.label}</span>
<div className="flex items-center gap-4">
<div className="flex items-center gap-2">
{pair.view.enabled ? (
<Check className="w-4 h-4 text-green-600" />
) : (
<X className="w-4 h-4 text-slate-300" />
)}
<span className="text-xs text-slate-600">{pair.view.label}</span>
<Toggle
checked={pair.view.enabled}
onChange={() => togglePermissionPair(gi, pairIdx, 'view')}
/>
</div>
<div className="flex items-center gap-2">
{pair.edit.enabled ? (
<Check className="w-4 h-4 text-green-600" />
) : (
<X className="w-4 h-4 text-slate-300" />
)}
<span className="text-xs text-slate-600">{pair.edit.label}</span>
<Toggle
checked={pair.edit.enabled}
onChange={() => togglePermissionPair(gi, pairIdx, 'edit')}
/>
</div>
</div>
</div>
{pairIdx < (group.permissionPairs?.length || 0) - 1 && (
<hr className="my-2 border-slate-200" />
)}
</div>
{/* {pairIdx < (group.permissionPairs?.length || 0) - 1 && (
<hr className="my-2 border-slate-200" />
)} */}
</div>
))}
</div>
) : (
))}
</div>
) : (
<div className="divide-y divide-slate-100">
{group.permissions.map((perm, pi) => (
<div key={perm.key} className="flex items-center justify-between px-3 py-2.5">