From 849c6e56badc2ceb81972417219bc1ae1645d516 Mon Sep 17 00:00:00 2001
From: sazzadulalambd <sazzad.sua@gmail.com>
Date: Wed, 6 May 2026 14:28:57 +0600
Subject: [PATCH] refactor: comment out redundant separator lines and debug
 elements in permission management UI

---
 src/app/admin/roles/page.tsx | 75 ++++++++++++++++++------------------
 1 file changed, 38 insertions(+), 37 deletions(-)

diff --git a/src/app/admin/roles/page.tsx b/src/app/admin/roles/page.tsx
index c703eed..922a69e 100644
--- a/src/app/admin/roles/page.tsx
+++ b/src/app/admin/roles/page.tsx
@@ -609,46 +609,47 @@ 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">{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>
+                        {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>
-                                  {pairIdx < (group.permissionPairs?.length || 0) - 1 && (
-                                    <hr className="my-2 border-slate-200" />
-                                  )}
                                 </div>
-                              ))}
-                            </div>
-                          ) : (
+                                {/* {pairIdx < (group.permissionPairs?.length || 0) - 1 && (
+                                    <hr className="my-2 border-slate-200" />
+                                  )} */}
+                              </div>
+                            ))}
+                          </div>
+                        ) : (
+                          // <div className="divide-y divide-slate-100">
                           <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">