upd: link upload

Deskripsi:
- update struktur db
- api tambah link pada projet
- api deelete link pada project
- api get link pada project
- api tambah link pada tugas divisi
- api delete link pada tugas divisi
- api get link pada tugas divisi
- tampilan modal tambah link pada project dan tugas divisi
- tampilan list link pada project dan tugas divisi
- tampilan modal detail link pada project dan tugas divisi

No Issues

src/module/project/ui/navbar_detail_project.tsx

@@ -3,7 +3,7 @@ import { globalRole, keyWibu, LayoutDrawer, LayoutNavbarNew, TEMA } from '@/modu
 import LayoutModal from '@/module/_global/layout/layout_modal';
 import { funGetUserByCookies } from '@/module/auth';
 import { useHookstate } from '@hookstate/core';
-import { ActionIcon, Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
+import { ActionIcon, Box, Button, Flex, Grid, Modal, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -11,9 +11,10 @@ import toast from 'react-hot-toast';
 import { FaFileCirclePlus, FaPencil, FaTrash, FaUsers } from 'react-icons/fa6';
 import { HiMenu } from 'react-icons/hi';
 import { IoAddCircle } from 'react-icons/io5';
+import { LuLink } from 'react-icons/lu';
 import { MdCancel } from 'react-icons/md';
 import { useWibuRealtime } from 'wibu-realtime';
-import { funDeleteProject, funGetOneProjectById } from '../lib/api_project';
+import { funAddLinkProject, funDeleteProject, funGetOneProjectById } from '../lib/api_project';
 import { globalIsMemberProject } from '../lib/val_project';
 
 export default function NavbarDetailProject() {
@@ -28,7 +29,10 @@ export default function NavbarDetailProject() {
   const tema = useHookstate(TEMA)
   const [reason, setReason] = useState("")
   const [openModal, setOpenModal] = useState(false)
+  const [openNewLink, setOpenNewLink] = useState(false)
   const [loadingModal, setLoadingModal] = useState(false)
+  const [loadingLink, setLoadingLink] = useState(false)
+  const [valLink, setValLink] = useState("")
   const [dataRealTime, setDataRealtime] = useWibuRealtime({
     WIBU_REALTIME_TOKEN: keyWibu,
     project: "sdm"
@@ -52,6 +56,30 @@ export default function NavbarDetailProject() {
     }
   }
 
+  async function addLinkProject() {
+    try {
+      setLoadingLink(true)
+      const res = await funAddLinkProject(param.id, { link: valLink });
+      if (res.success) {
+        setDataRealtime([{
+          category: "project-detail-link",
+          id: param.id,
+          user: res.user
+        }])
+        toast.success(res.message)
+      } else {
+        toast.error(res.message)
+      }
+    } catch (error) {
+      console.error(error);
+      toast.error("Gagal menambahkan link, coba lagi nanti");
+    } finally {
+      setLoadingLink(false)
+      setOpenNewLink(false)
+      setValLink("")
+    }
+  }
+
   async function deleteDataProject() {
     try {
       setLoadingModal(true)
@@ -157,6 +185,27 @@ export default function NavbarDetailProject() {
                 </Box>
               </Flex>
 
+              <Flex justify={'center'} align={'center'} direction={'column'}
+                style={{
+                  cursor: 'pointer'
+                }}
+                onClick={() => {
+                  if (reason == null) {
+                    setOpen(false)
+                    setOpenNewLink(true)
+                  } else {
+                    null
+                  }
+                }}
+              >
+                <Box>
+                  <LuLink size={30} color={reason == null ? tema.get().utama : "gray"} />
+                </Box>
+                <Box>
+                  <Text c={reason == null ? tema.get().utama : "gray"} ta='center'>Tambah link</Text>
+                </Box>
+              </Flex>
+
               {
                 (roleLogin.get() != "user" && roleLogin.get() != "coadmin") &&
                 <>
@@ -229,11 +278,50 @@ export default function NavbarDetailProject() {
             </SimpleGrid>
           </Stack>
         </Box>
-      </LayoutDrawer>
+      </LayoutDrawer >
 
       <LayoutModal loading={loadingModal} opened={openModal} onClose={() => setOpenModal(false)}
         description="Apakah Anda yakin ingin menghapus kegiatan ini?"
         onYes={(val) => { val ? deleteDataProject() : setOpenModal(false) }} />
+
+      <Modal styles={{
+        body: {
+          borderRadius: 20
+        },
+        content: {
+          borderRadius: 20,
+          border: `2px solid ${"#828AFC"}`
+        }
+      }} opened={openNewLink} onClose={() => setOpenNewLink(false)} centered withCloseButton={false}>
+        <Box p={20}>
+          <Text ta={"center"} fw={"bold"}>Tambah Link</Text>
+          <Box mt={20} mb={20}>
+            <TextInput
+              styles={{
+                input: {
+                  color: tema.get().utama,
+                  borderRadius: '#828AFC',
+                  borderColor: '#828AFC',
+                },
+              }}
+              size="md"
+              radius={10}
+              placeholder="Masukkan link"
+              value={valLink}
+              onChange={(e) => setValLink(e.target.value)}
+            />
+          </Box>
+          <Grid mt={40}>
+            <Grid.Col span={6}>
+              <Button variant="subtle" fullWidth color='#969494' onClick={() => setOpenNewLink(false)}>Batalkan</Button>
+            </Grid.Col>
+            <Grid.Col span={6}>
+              <Button loading={loadingLink} disabled={loadingLink || valLink == "" ? true : false} variant="subtle" fullWidth color={tema.get().utama} onClick={() => { addLinkProject() }}>Tambah</Button>
+            </Grid.Col>
+          </Grid>
+        </Box>
+      </Modal>
+
     </>
   );
 }