Merge pull request #120 from Alonza0314/refactor/edit-button

refactor & feat /edit button
free5gc · Nov 14, 2024 · a2a6321 · a2a6321
2 parents 2253502 + 05352db
commit a2a6321
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 13 deletions.
diff --git a/frontend/src/pages/ProfileList.tsx b/frontend/src/pages/ProfileList.tsx
@@ -113,6 +113,10 @@ function ProfileList(props: Props) {
     navigation("/profile/" + profile);
   };
 
+  const handleEdit = (profile: string) => {
+    navigation("/profile/create/" + profile);
+  };
+
   const filteredData = data.filter((profile) =>
     profile.toLowerCase().includes(searchTerm.toLowerCase()),
   );
@@ -156,6 +160,7 @@ function ProfileList(props: Props) {
             <TableCell>Name</TableCell>
             <TableCell>Delete</TableCell>
             <TableCell>View</TableCell>
+            <TableCell>Edit</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -176,6 +181,11 @@ function ProfileList(props: Props) {
                   VIEW
                 </Button>
               </TableCell>
+              <TableCell>
+                <Button color="primary" variant="contained" onClick={() => handleEdit(row.toString())}>
+                  EDIT
+                </Button>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>

diff --git a/frontend/src/pages/ProfileRead.tsx b/frontend/src/pages/ProfileRead.tsx
@@ -115,6 +115,19 @@ export default function ProfileRead() {
 
   return (
     <Dashboard title="Profile" refreshAction={() => {}}>
+      <Grid 
+        item 
+        xs={12} 
+        sx={{ 
+          display: 'flex', 
+          justifyContent: 'flex-end' 
+        }}
+      >
+        <Button color="primary" variant="contained" onClick={handleEdit} sx={{ m: 1 }}>
+          EDIT
+        </Button>
+      </Grid>
+      <br />
       <Card variant="outlined">
         <Table>
           <TableBody>
@@ -236,13 +249,6 @@ export default function ProfileRead() {
           </Card>
         </div>
       ))}
-
-      <br />
-      <Grid item xs={12}>
-        <Button color="primary" variant="contained" onClick={handleEdit} sx={{ m: 1 }}>
-          EDIT
-        </Button>
-      </Grid>
     </Dashboard>
   );
 }
diff --git a/frontend/src/pages/SubscriberList.tsx b/frontend/src/pages/SubscriberList.tsx
@@ -117,6 +117,10 @@ function SubscriberList(props: Props) {
     navigation("/subscriber/" + subscriber.ueId + "/" + subscriber.plmnID);
   };
 
+  const handleEdit = (subscriber: Subscriber) => {
+    navigation("/subscriber/create/" + subscriber.ueId + "/" + subscriber.plmnID);
+  };
+
   const filteredData = data.filter((subscriber) =>
     subscriber.ueId?.toLowerCase().includes(searchTerm.toLowerCase()) ||
     subscriber.plmnID?.toLowerCase().includes(searchTerm.toLowerCase())
@@ -162,6 +166,7 @@ function SubscriberList(props: Props) {
             <TableCell>UE ID</TableCell>
             <TableCell>Delete</TableCell>
             <TableCell>View</TableCell>
+            <TableCell>Edit</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -183,6 +188,11 @@ function SubscriberList(props: Props) {
                   VIEW
                 </Button>
               </TableCell>
+              <TableCell>
+                <Button color="primary" variant="contained" onClick={() => handleEdit(row)}>
+                  EDIT
+                </Button>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>

diff --git a/frontend/src/pages/SubscriberRead.tsx b/frontend/src/pages/SubscriberRead.tsx
@@ -176,6 +176,19 @@ export default function SubscriberRead() {
 
   return (
     <Dashboard title="Subscription" refreshAction={() => {}}>
+      <Grid 
+        item 
+        xs={12} 
+        sx={{ 
+          display: 'flex', 
+          justifyContent: 'flex-end' 
+        }}
+      >
+        <Button color="primary" variant="contained" onClick={handleEdit} sx={{ m: 1 }}>
+          EDIT
+        </Button>
+      </Grid>
+      <br />
       <Card variant="outlined">
         <Table>
           <TableBody>
@@ -343,12 +356,6 @@ export default function SubscriberRead() {
           </Card>
         </div>
       ))}
-      <br />
-      <Grid item xs={12}>
-        <Button color="primary" variant="contained" onClick={handleEdit} sx={{ m: 1 }}>
-          EDIT
-        </Button>
-      </Grid>
     </Dashboard>
   );
 }