From 6afc34a96c99ac0cc6bf5822c6cf6cfd455bedb4 Mon Sep 17 00:00:00 2001
From: sigmaBoei <benzzbarquilla@gmail.com>
Date: Fri, 27 Feb 2026 16:05:27 +0800
Subject: [PATCH] role changes

---
 frontend/src/app/roles/page.jsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/roles/page.jsx b/frontend/src/app/roles/page.jsx
index f6cbeb5..0f58e61 100644
--- a/frontend/src/app/roles/page.jsx
+++ b/frontend/src/app/roles/page.jsx
@@ -11,26 +11,31 @@ const RolesPage = () => {
 
   const sampleData = [
     {
+      id: 1,
       name: "organization-owner",
       orgId: "67160a5ae69144ff19aafb86",
       permissions: "35 Permissions",
     },
     {
+      id: 2,
       name: "organization-owner",
       orgId: "67160a5ae69144ff19aafb86",
       permissions: "35 Permissions",
     },
     {
+      id: 3,
       name: "organization-owner",
       orgId: "67160a5ae69144ff19aafb86",
       permissions: "35 Permissions",
     },
     {
+      id: 4,
       name: "organization-owner",
       orgId: "67160a5ae69144ff19aafb86",
       permissions: "35 Permissions",
     },
     {
+      id: 5,
       name: "organization-owner",
       orgId: "67160a5ae69144ff19aafb86",
       permissions: "35 Permissions",
@@ -53,16 +58,16 @@ const RolesPage = () => {
                 </tr>
               </thead>
               <tbody className={styles.tableBody}>
-                {sampleData.map((data, role) => {
+                {sampleData.map((role, index) => {
                   //role or user?
                   return (
                     <tr
-                      key={role}
+                      key={role.id}
                       onClick={() => router.push(`/roles/${role.id}`)}
                     >
-                      <td>{data.name}</td>
-                      <td>{data.orgId}</td>
-                      <td>{data.permissions}</td>
+                      <td>{role.name}</td>
+                      <td>{role.orgId}</td>
+                      <td>{role.permissions}</td>
                       <td>
                         <div className={styles.tableActions}>
                           <button className={styles.viewBtn}>