pkgs/ui/src/app/access-point/page.tsx

@@ -9,9 +9,31 @@ import {
   APServiceRepositoryDummyData,
   APServiceRepositoryTableConfig,
 } from "@/mock/access_point";
+import {useEffect, useState} from "react";
 
 export default function AccessPoint() {
-  return (
+    const [repositoryData, setRepositoryData] = useState([]);
+
+    useEffect(() => {
+        fetch('http://localhost:2979/api/v1/get_repositories', {
+            method: 'GET',
+            // credentials: 'include',
+        })
+            .then(resp => resp.json().then(jsonData => {
+                    console.log(jsonData);
+                    if (jsonData.length > 0) {
+                        setRepositoryData(jsonData);
+                    } else {
+                        setRepositoryData(APServiceRepositoryDummyData);
+                    }
+                }
+            ))
+            .then()
+            .catch()
+    }, []);
+
+
+        return (
     <div className="m-10">
       <SummaryDetails
         hasRefreshButton
@@ -27,7 +49,7 @@ export default function AccessPoint() {
       <div>
         <h4>Service Repository View </h4>
         <CustomTable
-          data={APServiceRepositoryDummyData}
+          data={repositoryData}
           configuration={APServiceRepositoryTableConfig}
         />
       </div>