diff --git a/.gitignore b/.gitignore
index 4e80c27..7c146d5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,4 @@ dist-ssr
 *.sln
 *.sw?
 **/src/*.js
+yarn.lock
\ No newline at end of file
diff --git a/src/pages/members/manage-members/ManageMembers.tsx b/src/pages/members/manage-members/ManageMembers.tsx
index 3a099a3..105cf03 100644
--- a/src/pages/members/manage-members/ManageMembers.tsx
+++ b/src/pages/members/manage-members/ManageMembers.tsx
@@ -1,5 +1,9 @@
 import { DataTable } from '@/components/ui/DataTable';
+import { apiConfig } from '@/config/api.config';
 import { columns, Members } from './Columns';
+import { useState, useEffect } from 'react';
+import axios from 'axios';
+const BASE_URL = apiConfig.service_customer;
 
 const dataMembers: Members[] = [
   {
@@ -29,11 +33,44 @@ const dataMembers: Members[] = [
 ];
 
 const ManageMembers = () => {
+  const [members, setMembers] = useState([]);
+
+  useEffect(() => {
+    fetchGroups()
+  }, []);
+
+  async function fetchGroups() {
+    try {
+      let groups = await axios.get(`${BASE_URL}/customer/list`, {
+        params: {
+          limit: 10,
+          page: 1,
+          with_deleted: false,
+          order_field: 'name',
+          order_direction: 'ASC'
+        }
+      });
+      setMembers(groups.data.data.list)
+    } catch (error: any) {
+      alert(error.message)
+      console.log(error);
+    }
+  }
+
+  const handleUpdate = (member: any) => {
+    console.log(members);
+    
+  }
+
+  const handleDelete = (member: any) => {
+    
+  }
+
   return (
     <div>
       <div className="container mx-auto p-5">
         <h1 className="text-xl font-medium leading-none text-gray-900">Manage Members</h1>
-        <DataTable data={dataMembers} columns={columns} />
+        <DataTable data={dataMembers} columns={columns} onUpdate={handleUpdate} onDelete={handleDelete}/>
       </div>
     </div>
   );
diff --git a/yarn.lock b/yarn.lock
index 860c9ca..4ff4d38 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -984,13 +984,6 @@
   resolved "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.1.6.tgz"
   integrity sha512-nz1SlR9TdBYYPz4qKoNasMPRiGb4PaIHFkzLzhju0YVYS5QSuFF2+n7CsiHMIDcHv3piPu/xDWI53ruhOqvZwQ==
 
-"@mui/icons-material@^6.4.6":
-  version "6.4.6"
-  resolved "https://registry.npmjs.org/@mui/icons-material/-/icons-material-6.4.6.tgz"
-  integrity sha512-rGJBvIQQbQAlyKYljHQ8wAQS/K2/uYwvemcpygnAmCizmCI4zSF9HQPuiG8Ql4YLZ6V/uKjA3WHIYmF/8sV+pQ==
-  dependencies:
-    "@babel/runtime" "^7.26.0"
-
 "@mui/material@^6.1.6":
   version "6.1.6"
   resolved "https://registry.npmjs.org/@mui/material/-/material-6.1.6.tgz"