upd: divisi

Deskripsi:
- info divisi

No Issues

src/module/division_new/components/create_anggota_division.tsx

@@ -1,12 +1,18 @@
 "use client"
-import { LayoutNavbarNew, WARNA } from '@/module/_global';
+import { API_ADDRESS, LayoutNavbarNew, WARNA } from '@/module/_global';
 import LayoutModal from '@/module/_global/layout/layout_modal';
+import { funGetUserByCookies } from '@/module/auth';
+import { TypeUser } from '@/module/user';
+import { useHookstate } from '@hookstate/core';
 import { Avatar, Box, Button, Divider, Group, Stack, Text, TextInput } from '@mantine/core';
-import { useRouter } from 'next/navigation';
+import { useParams, useRouter } from 'next/navigation';
 import React, { useState } from 'react';
 import toast from 'react-hot-toast';
 import { FaCheck } from 'react-icons/fa6';
 import { HiMagnifyingGlass } from 'react-icons/hi2';
+import { globalMemberDivision } from '../lib/val_division';
+import { useShallowEffect } from '@mantine/hooks';
+import { funGetAllmember } from '@/module/user/member/lib/api_member';
 
 const dataUser = [
   {
@@ -43,27 +49,53 @@ const dataUser = [
 
 export default function CreateAnggotaDivision() {
   const router = useRouter()
-  const [selectedFiles, setSelectedFiles] = useState<Record<number, boolean>>({});
+  const [selectedFiles, setSelectedFiles] = useState<any>([]);
+  const [dataMember, setDataMember] = useState<TypeUser>([])
   const [isOpen, setOpen] = useState(false)
+  const param = useParams<{ id: string }>()
+  const member = useHookstate(globalMemberDivision)
 
   const handleFileClick = (index: number) => {
-    setSelectedFiles((prevSelectedFiles) => ({
-      ...prevSelectedFiles,
-      [index]: !prevSelectedFiles[index],
-    }));
+    if (selectedFiles.some((i: any) => i.id == dataMember[index].id)) {
+      setSelectedFiles(selectedFiles.filter((i: any) => i.id != dataMember[index].id))
+    } else {
+      setSelectedFiles([...selectedFiles, { idUser: dataMember[index].id, name: dataMember[index].name }])
+    }
   };
 
   function onTrue(val: boolean) {
     if (val) {
-       toast.success("Sukses! Data tersimpan");
+      toast.success("Sukses! Data tersimpan");
     }
     setOpen(false)
     router.push("/division/info/1")
- }
+  }
+
+  async function loadData() {
+    console.log("masuk")
+    const res = await funGetAllmember('?active=true&group=group1');
+    const user = await funGetUserByCookies();
+
+    console.log(res)
+    // if(res.success){
+    //   setDataMember(res.data.filter((i: any) => i.id != user.id))
+    // }else{
+    //   toast.error(res.message)
+    // }
+    
+    // cek data member sebelumnya
+    if (member.length > 0) {
+      setSelectedFiles(JSON.parse(JSON.stringify(member.get())))
+    }
+  }
+
+  useShallowEffect(() => {
+    loadData()
+  }, []);
 
   return (
     <Box>
-      <LayoutNavbarNew back="/division/info/1" title="tambah anggota"
+      <LayoutNavbarNew back="" title="tambah anggota"
         menu
       />
       <Box p={20}>
@@ -115,8 +147,8 @@ export default function CreateAnggotaDivision() {
         </Box>
       </Box>
       <LayoutModal opened={isOpen} onClose={() => setOpen(false)}
-            description="Apakah Anda yakin ingin menambahkan data?"
-            onYes={(val) => { onTrue(val) }} />
+        description="Apakah Anda yakin ingin menambahkan data?"
+        onYes={(val) => { onTrue(val) }} />
     </Box>
   );
 }