fix search group

src/pages/members/manage-members/ManageMembers.tsx

@@ -11,10 +11,12 @@ import { DataGridProvider } from '@/components';
 import { toast } from 'sonner';
 import { Breadcrumbs, Link } from '@mui/material';
 const BASE_URL_MASTER_DATA = apiConfig.service_master_data;
+const BASE_URL_CUSTOMER = apiConfig.service_customer;
 const BASE_URL = apiConfig.service_customer;
 import { Helmet } from 'react-helmet';
 import ListToolbar from './blocks/ListToolBar';
 import { RefreshCw } from 'lucide-react';
+
 const ManageMembers = () => {
   const [loading, setLoading] = useState(false);
   const [members, setMembers] = useState([]);
@@ -24,6 +26,7 @@ const ManageMembers = () => {
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogType, setDialogType] = useState('');
+  const [groups, setGroups] = useState([]);
   const [isReloading, setIsReloading] = useState(false);
   const closeDialog = () => {
     setIsDialogOpen(false);
@@ -69,6 +72,16 @@ const ManageMembers = () => {
         }
       });
       setProfession(getProfession.data.data.list);
+      let getGroups = await axios.get(`${BASE_URL_CUSTOMER}/groups/list`, {
+          params: {
+            limit: 50,
+            page: 1,
+            with_deleted: false,
+            order_field: 'name',
+            order_direction: 'ASC'
+          }
+      });
+      setGroups(getGroups.data.data.list);
     } catch (error: any) {
       toast.error(error.message);
       console.log(error);
@@ -259,6 +272,7 @@ const ManageMembers = () => {
                 createMember={createMember}
                 onReload={handleReload}
                 isReloading={isReloading}
+                groups={groups}
               />
             }
             onRowSelectionChange={(selected, table: any) => {