From 9f0392c9c2fd19427094dfb30a0880c6007b6be5 Mon Sep 17 00:00:00 2001
From: benzbarquilla <benzzbarquilla@gmail.com>
Date: Thu, 26 Mar 2026 15:17:54 +0800
Subject: [PATCH] fixed

---
 frontend/src/app/agents/card/Card.jsx      | 2 +-
 frontend/src/app/agents/page.jsx           | 8 +++++++-
 frontend/src/app/credentials/card/Card.jsx | 2 +-
 frontend/src/app/roles/add/page.jsx        | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/agents/card/Card.jsx b/frontend/src/app/agents/card/Card.jsx
index 83a69c4..27debd1 100644
--- a/frontend/src/app/agents/card/Card.jsx
+++ b/frontend/src/app/agents/card/Card.jsx
@@ -4,7 +4,7 @@ import styles from "./styles.module.css";
 
 const Card = (props) => {
   return (
-    <div className={styles.cardContainer}>
+    <div className={styles.cardContainer} {...props}>
       <div className={styles.cardDetails}>
         <div className={styles.list}>
           <p>Name</p>
diff --git a/frontend/src/app/agents/page.jsx b/frontend/src/app/agents/page.jsx
index d5269ea..9dc5050 100644
--- a/frontend/src/app/agents/page.jsx
+++ b/frontend/src/app/agents/page.jsx
@@ -117,7 +117,13 @@ const AgentsPage = () => {
             <MobileSearchBar />
             {isMobile &&
               sampleData.map((data, key) => {
-                return <Card data={data} key={key} />;
+                return (
+                  <Card
+                    data={data}
+                    key={key}
+                    onClick={() => router.push(`/agents/${key}`)}
+                  />
+                );
               })}
           </div>
 
diff --git a/frontend/src/app/credentials/card/Card.jsx b/frontend/src/app/credentials/card/Card.jsx
index cf7088b..e819591 100644
--- a/frontend/src/app/credentials/card/Card.jsx
+++ b/frontend/src/app/credentials/card/Card.jsx
@@ -12,7 +12,7 @@ const Card = (props) => {
         </div>
         <div className={styles.list}>
           <p>Organization ID</p>
-          <p>{props?.data?.organizationId}</p>
+          <p>{props?.data?.organizationID}</p>
         </div>
       </div>
       <div className={styles.cardAction}>
diff --git a/frontend/src/app/roles/add/page.jsx b/frontend/src/app/roles/add/page.jsx
index 727791f..1e5e91d 100644
--- a/frontend/src/app/roles/add/page.jsx
+++ b/frontend/src/app/roles/add/page.jsx
@@ -71,7 +71,7 @@ const AddRolePage = () => {
                       </div>
                       <div className={addRoleStyle.inputField}>
                         <TextField
-                          placeHolder="Enter role name"
+                          placeHolder="Enter name"
                           {...register("roleName", { required: true })}
                           hasError={!!errors.roleName}
                         />