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

refactor: comment out redundant separator lines and debug elements in permission management UI

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

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

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