feat : update group

src/module/user/api/get/getAllUser.ts

@@ -3,34 +3,39 @@ import { NextRequest } from "next/server";
 
 export async function getAllUser(req: NextRequest) {
   try {
-
     const searchParams = req.nextUrl.searchParams;
-    const idGroup = searchParams.get('groupID');
-    const idUserRole = searchParams.get('roleID');
-    const idPosition = searchParams.get('positionID');
-    const idVillage = searchParams.get('villageID');
+    const idGroup = "2";
+    const idVillage = "121212";
+    const active = searchParams.get("active");
 
     const users = await prisma.user.findMany({
       where: {
-        isActive: true,
-        idUserRole: String(idUserRole),
-        idPosition: idPosition,
+        isActive: active == "true" ? true : false,
         idVillage: idVillage,
         idGroup: idGroup,
       },
       select: {
         id: true,
+        isActive: true,
         nik: true,
         name: true,
         phone: true,
         email: true,
         gender: true,
+        Group: {
+          select: {
+            name: true,
+          },
+        },
       },
     });
 
     return Response.json(users);
   } catch (error) {
     console.error(error);
-    return Response.json({ success: false, message: "Internal Server Error" }, { status: 500 });
+    return Response.json(
+      { success: false, message: "Internal Server Error" },
+      { status: 500 }
+    );
   }
 }

src/module/user/member/component/list_member.tsx

@@ -42,11 +42,12 @@ export default function ListMember() {
             />
 
             <Tabs.Panel value="aktif">
-               <TabListMember />
+               <TabListMember status={true} />
             </Tabs.Panel>
 
             <Tabs.Panel value="tidak-aktif">
-               <TabListMember />
+               <TabListMember status={false} />
+               {/* <TabListMember /> */}
             </Tabs.Panel>
          </Tabs>
       </Box>

src/module/user/member/component/ui/tab_list_member.tsx

@@ -1,61 +1,48 @@
-import { WARNA } from "@/module/_global"
+
+import { API_ADDRESS, WARNA } from "@/module/_global"
 import { Box, Group, ActionIcon, Text } from "@mantine/core"
+import { useShallowEffect } from "@mantine/hooks"
 import { useRouter } from "next/navigation"
+import { useEffect, useState } from "react"
 import { HiMiniUser } from "react-icons/hi2"
 
-const dataMember = [
-   {
-      id: 1,
-      name: 'Ali akbar',
-      desc: 'Perbekel',
-      grup: 'Dinas'
-   },
-   {
-      id: 2,
-      name: 'Fibra Marcell',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'Dinas'
-   },
-   {
-      id: 3,
-      name: 'Burhan',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'Dinas'
-   },
-   {
-      id: 4,
-      name: 'Chandra',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'Dinas'
-   },
-   {
-      id: 5,
-      name: 'Ayu',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'PKK'
-   },
-   {
-      id: 6,
-      name: 'Heriawan',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'Karang Taruna'
-   },
-   {
-      id: 7,
-      name: 'Jinan',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'Dinas'
-   },
-   {
-      id: 8,
-      name: 'Rizal',
-      desc: 'Kasi Kesejahteraan',
-      grup: 'LPD'
-   },
-]
+type dataMember = {
+   id: string,
+   idUserRole: string,
+   idVillage: string,
+   idGroup: string,
+   idPosition: string,
+   nik: string,
+   name: string,
+   phone: string,
+   email: string,
+   gender: string,
+   isActive: boolean
 
-export default function TabListMember() {
+}
+
+export default function TabListMember({ status }: { status: boolean }) {
    const router = useRouter()
+   const [loading, setLoading] = useState(true);
+   const [dataMember, setDataMember] = useState<dataMember[]>([])
+
+
+   async function getAllUser() {
+      try {
+         setLoading(true)
+         const res = await fetch(`${API_ADDRESS.apiGetAllUser}&active` + status)
+         const data = await res.json()
+         setDataMember(data)
+      } catch (error) {
+         console.error(error)
+      } finally {
+         setLoading(false)
+      }
+   }
+
+   useShallowEffect(() => {
+      getAllUser()
+   }, [])
 
    return (
       <>
@@ -75,7 +62,7 @@ export default function TabListMember() {
                      </Box>
                      <Box>
                         <Text fw={'bold'} c={WARNA.biruTua}>{v.name}</Text>
-                        <Text fw={'lighter'} fz={12}>{v.grup + ' - ' + v.desc}</Text>
+                        {/* <Text fw={'lighter'} fz={12}>{v.grup + ' - ' + v.desc}</Text> */}
                      </Box>
                   </Group>
                </Box>