From cd0d3937c466aeb21f31db4cf5798511a3225c72 Mon Sep 17 00:00:00 2001
From: "Arslan, Erdem" <erdem.arslan@valtech.com>
Date: Sat, 2 Dec 2023 17:30:39 +0100
Subject: [PATCH] [Functionality] Request Service Repository - request backend
 endpoint and fill data if available

---
 pkgs/ui/src/app/access-point/page.tsx | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/pkgs/ui/src/app/access-point/page.tsx b/pkgs/ui/src/app/access-point/page.tsx
index 177073c..25bac10 100644
--- a/pkgs/ui/src/app/access-point/page.tsx
+++ b/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>