upd: project

Deskripsi:
- upload file pada project

No Issues

src/module/project/lib/api_project.ts

@@ -6,16 +6,10 @@ export const funGetAllProject = async (path?: string) => {
     return await response.json().catch(() => null);
 }
 
-export const funCreateProject = async (data: IFormProject) => {
-    if (data.title.length < 3)
-        return { success: false, message: 'Nama Kegiatan minimal 3 karakter' }
-    
+export const funCreateProject = async (data: FormData) => {
     const response = await fetch(`/api/project`, {
         method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify(data),
+        body: data,
     });
     return await response.json().catch(() => null);
 }

src/module/project/ui/create_project.tsx

@@ -36,7 +36,7 @@ export default function CreateProject() {
   const [openTugas, setOpenTugas] = useState(false)
   const [dataTask, setDataTask] = useState<IFormDateProject[]>([])
   const openRef = useRef<() => void>(null)
-  const [fileForm, setFileForm] = useState<FormData[]>([])
+  const [fileForm, setFileForm] = useState<any[]>([])
   const [listFile, setListFile] = useState<IListFileTaskProject[]>([])
   const [indexDelFile, setIndexDelFile] = useState<number>(0)
   const [indexDelTask, setIndexDelTask] = useState<number>(0)
@@ -91,16 +91,22 @@ export default function CreateProject() {
 
   async function onSubmit() {
     try {
-      const response = await funCreateProject({ title: body.title, idGroup: body.idGroup, task: dataTask, file: fileForm, member: memberValue })
+      const fd = new FormData();
+      for (let i = 0; i < fileForm.length; i++) {
+        fd.append(`file${i}`, fileForm[i]);
+      }
+
+      fd.append("data", JSON.stringify({
+        title: body.title,
+        idGroup: body.idGroup,
+        task: dataTask,
+        member: memberValue
+      }))
+
+      const response = await funCreateProject(fd)
 
       if (response.success) {
         toast.success(response.message)
-        // setBody({
-        //   idGroup: "",
-        //   title: "",
-        //   desc: "",
-        // })
-
         member.set([])
         setFileForm([])
         setListFile([])
@@ -111,7 +117,7 @@ export default function CreateProject() {
       }
     } catch (error) {
       console.log(error)
-      toast.error("Gagal menambahkan tugas divisi, coba lagi nanti");
+      toast.error("Gagal menambahkan kegiatan, coba lagi nanti");
     }
   }
 
@@ -289,7 +295,7 @@ export default function CreateProject() {
                         key={i}
                       >
                         <Group>
-                          <Avatar src={"v.image"} alt="it's me" size="lg" />
+                          <Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="lg" />
                           <Box>
                             <Text c={WARNA.biruTua} fw={"bold"}>
                               {v.name}
@@ -342,15 +348,13 @@ export default function CreateProject() {
         onClose={() => setOpenDrawer(false)}
         title={"Pilih File"}
       >
-        <Flex justify={"space-around"}>
+        <Flex justify={"flex-start"} px={20}>
           <Dropzone
             openRef={openRef}
             onDrop={async (files) => {
               if (!files || _.isEmpty(files))
                 return toast.error('Tidak ada file yang dipilih')
-              const fd = new FormData();
-              fd.append("file", files[0]);
-              setFileForm([...fileForm, fd])
+              setFileForm([...fileForm, files[0]])
               setListFile([...listFile, { name: files[0].name, extension: files[0].type.split("/")[1] }])
             }}
             activateOnClick={false}
@@ -379,7 +383,7 @@ export default function CreateProject() {
               <Text ta={"center"}>diperangkat</Text>
             </Box>
           </Dropzone>
-          <Box onClick={() => router.push("/project/create?page=file-save")}>
+          {/* <Box onClick={() => router.push("/project/create?page=file-save")}>
             <Box
               bg={"#DCEED8"}
               style={{
@@ -396,7 +400,7 @@ export default function CreateProject() {
               Pilih file yang
             </Text>
             <Text ta={"center"}>sudah ada</Text>
-          </Box>
+          </Box> */}
         </Flex>
       </LayoutDrawer>
 

src/module/project/ui/create_users_project.tsx

@@ -24,7 +24,7 @@ export default function CreateUsersProject({ grup, onClose }: { grup?: string, o
     if (selectedFiles.some((i: any) => i.idUser == dataMember[index].id)) {
       setSelectedFiles(selectedFiles.filter((i: any) => i.idUser != dataMember[index].id))
     } else {
-      setSelectedFiles([...selectedFiles, { idUser: dataMember[index].id, name: dataMember[index].name }])
+      setSelectedFiles([...selectedFiles, { idUser: dataMember[index].id, name: dataMember[index].name, img: dataMember[index].img }])
     }
   };
 
@@ -114,7 +114,7 @@ export default function CreateUsersProject({ grup, onClose }: { grup?: string, o
                         onClick={() => handleFileClick(index)}
                       >
                         <Center>
-                          <Avatar src={"https://i.pravatar.cc/1000?img=37"} alt="it's me" size="xl" />
+                          <Avatar src={`/api/file/img?cat=user&file=${v.img}`} alt="it's me" size="xl" />
                         </Center>
                         <Text mt={20} ta="center">
                           {v.name}

src/module/user/lib/type_user.ts

@@ -5,6 +5,7 @@ export type TypeUser = {
    phone: string
    email: string
    gender: string
+   img:string
    isActive: boolean,
    group: string,
    position: string