upd: api group

Deskripsi:
- pengaplikasian api group metode terbaru pada beberapa fitur

No Issues

src/module/position/component/ui/drawer_detail_position.tsx

@@ -1,17 +1,12 @@
 import { API_ADDRESS, LayoutDrawer, WARNA } from "@/module/_global"
 import LayoutModal from "@/module/_global/layout/layout_modal"
+import { funGetAllGroup, IDataGroup } from "@/module/group"
 import { Box, Stack, SimpleGrid, Flex, Text, Select, TextInput, Button } from "@mantine/core"
 import { useShallowEffect } from "@mantine/hooks"
 import { useEffect, useState } from "react"
 import toast from "react-hot-toast"
 import { FaPencil, FaToggleOff } from "react-icons/fa6"
 
-type dataGroup = {
-   id: string;
-   name: string;
-   idGroup: string
-};
-
 export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
    onUpdated: (val: boolean) => void, id: string | null, isActive: boolean | null;
 }) {
@@ -22,7 +17,7 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
       name: "",
       idGroup: ""
    })
-   const [listGroup, setListGorup] = useState<dataGroup[]>([])
+   const [listGroup, setListGorup] = useState<IDataGroup[]>([])
 
    function onCLose() {
       onUpdated(true)
@@ -31,11 +26,15 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
 
    async function getAllGroup() {
       try {
-         const res = await fetch(`${API_ADDRESS.apiGetAllGroup}&villageId=121212&active=true`)
-         const data = await res.json()
-         setListGorup(data)
+         const response = await funGetAllGroup('?active=true')
+         if (response.success) {
+            setListGorup(response.data);
+         } else {
+            toast.error(response.message);
+         }
       } catch (error) {
          console.error(error)
+         toast.error("Gagal mendapatkan grup, coba lagi nanti");
       }
    }
 

src/module/position/component/ui/drawer_list_position.tsx

@@ -1,4 +1,5 @@
 import { WARNA, LayoutDrawer, API_ADDRESS } from "@/module/_global";
+import { funGetAllGroup, IDataGroup } from "@/module/group";
 import { Box, Stack, SimpleGrid, Flex, TextInput, Button, Text, Select } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
@@ -7,15 +8,11 @@ import toast from "react-hot-toast";
 import { IoAddCircle } from "react-icons/io5";
 import { RiFilter2Line } from "react-icons/ri";
 
-type dataGroup = {
-   id: string;
-   name: string;
-};
 
 export default function DrawerListPosition({ onCreated }: { onCreated: (val: boolean) => void }) {
    const [openDrawerGroup, setOpenDrawerGroup] = useState(false)
    const router = useRouter()
-   const [listGroup, setListGorup] = useState<dataGroup[]>([])
+   const [listGroup, setListGorup] = useState<IDataGroup[]>([])
 
    const [listData, setListData] = useState({
       name: "",
@@ -24,11 +21,15 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
 
    async function getAllGroup() {
       try {
-         const res = await fetch(`${API_ADDRESS.apiGetAllGroup}&villageId=121212&active=true`)
-         const data = await res.json()
-         setListGorup(data)
+         const response = await funGetAllGroup('?active=true')
+         if (response.success) {
+            setListGorup(response.data);
+         } else {
+            toast.error(response.message);
+         }
       } catch (error) {
          console.error(error)
+         toast.error("Gagal mendapatkan grup, coba lagi nanti");
       }
    }
 
@@ -39,33 +40,33 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
 
    async function onSubmit() {
       try {
-        const res = await fetch(API_ADDRESS.apiCreatePosition, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({
-            name: listData.name,
-            idGroup: listData.idGroup
-          })
-        })
-    
-        if (!res.ok) {
-          const errorData = await res.json();
-          if (errorData.message === "Position sudah ada") {
-            toast.error('Gagal! Position sudah ada');
-          } else {
-            toast.error('Error');
-          }
-        } else {
-          setOpenDrawerGroup(false)
-          toast.success('Sukses! data tersimpan')
-        }
-        onCreated(true)
+         const res = await fetch(API_ADDRESS.apiCreatePosition, {
+            method: 'POST',
+            headers: {
+               'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+               name: listData.name,
+               idGroup: listData.idGroup
+            })
+         })
+
+         if (!res.ok) {
+            const errorData = await res.json();
+            if (errorData.message === "Position sudah ada") {
+               toast.error('Gagal! Position sudah ada');
+            } else {
+               toast.error('Error');
+            }
+         } else {
+            setOpenDrawerGroup(false)
+            toast.success('Sukses! data tersimpan')
+         }
+         onCreated(true)
       } catch (error) {
-        toast.error('Error')
+         toast.error('Error')
       }
-    }
+   }
 
    return (
       <Box>
@@ -135,7 +136,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
                   onChange={(event: any) => setListData({
                      ...listData,
                      name: event.target.value
-                   })}
+                  })}
                   radius={10}
                   placeholder="Nama Jabatan"
                />