upd: notif wa pengajian surat

Deskripsi:
- upload surat ke seafile
- update struktur db
- notif wa kirim link download surat
- api download surat

No Issues;

src/components/ModalSurat.tsx

@@ -23,7 +23,7 @@ export default function ModalSurat({
   surat,
 }: {
   open: boolean;
-  onClose: () => void;
+  onClose: (val: any) => void;
   surat: string;
 }) {
   const A4Style = {
@@ -51,69 +51,78 @@ export default function ModalSurat({
 
   const uploadPdf = async () => {
     try {
-      setUploading("Mengupload");
-      const element = hiddenRef.current;
-      const canvas = await html2canvas(element, {
-        scale: 2,
-        useCORS: true,
-        allowTaint: true,
-        width: element.offsetWidth,
-        height: element.offsetHeight,
-      });
+      if (data && data.data && data.data.surat && (data.data.surat.file == "" || data.data.surat.file == null)) {
+        setUploading("Mengupload");
+        const element = hiddenRef.current;
+        const canvas = await html2canvas(element, {
+          scale: 2,
+          useCORS: true,
+          allowTaint: true,
+          width: element.offsetWidth,
+          height: element.offsetHeight,
+        });
 
-      const imgData = canvas.toDataURL("image/jpeg", 1.0);
+        const imgData = canvas.toDataURL("image/jpeg", 1.0);
 
-      const pdf = new jsPDF("p", "mm", "a4");
-      const pageWidth = 210; // A4 width mm
-      const pageHeight = 297; // A4 height mm
+        const pdf = new jsPDF("p", "mm", "a4");
+        const pageWidth = 210; // A4 width mm
+        const pageHeight = 297; // A4 height mm
 
-      const imgWidth = pageWidth;
-      const imgHeight = (canvas.height * pageWidth) / canvas.width;
+        const imgWidth = pageWidth;
+        const imgHeight = (canvas.height * pageWidth) / canvas.width;
 
-      pdf.addImage(imgData, "JPEG", 0, 0, imgWidth, imgHeight);
+        pdf.addImage(imgData, "JPEG", 0, 0, imgWidth, imgHeight);
 
-      // ⬇️ ambil sebagai Blob
-      const pdfBlob = pdf.output("blob");
+        // ⬇️ ambil sebagai Blob
+        const pdfBlob = pdf.output("blob");
 
-      const pdfFile = new File(
-        [pdfBlob],
-        `${data?.data?.surat?.nameCategory}.pdf`,
-        {
-          type: "application/pdf",
-          lastModified: Date.now(),
-        }
-      );
+        const pdfFile = new File(
+          [pdfBlob],
+          `${data?.data?.surat?.nameCategory}.pdf`,
+          {
+            type: "application/pdf",
+            lastModified: Date.now(),
+          }
+        );
 
-      const resImg = await apiFetch.api.pengaduan.upload.post({
-        file: pdfFile,
-        folder: "surat",
-      });
+        const resImg = await apiFetch.api.pengaduan.upload.post({
+          file: pdfFile,
+          folder: "surat",
+        });
+
+        const resUpdate = await apiFetch.api.surat.update.post({
+          id: surat,
+          filename: resImg.data?.filename!,
+        });
+
+        setUploading("Selesai");
+        setTimeout(() => {
+          onClose(resUpdate.data?.link);
+        }, 1000)
+      }
 
-      console.log(resImg.data)
     } catch (error) {
       console.error("Error uploading PDF:", error);
-    } finally {
-      setUploading("Selesai");
-      setTimeout(() => {
-        onClose();
-      }, 1000)
     }
   }
 
   useShallowEffect(() => {
-    setTimeout(() => {
-      uploadPdf();
-    }, 5000);
-  }, [surat]);
+    if (open) {
+      setTimeout(() => {
+        uploadPdf();
+      }, 5000);
+    }
+  }, [surat, open]);
 
   return (
     <>
       <Modal
         opened={open}
-        onClose={() => onClose()}
+        onClose={() => { }}
         overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
         size="auto"
         withCloseButton={false}
+        closeOnClickOutside={false}
         removeScrollProps={{ allowPinchZoom: true }}
         styles={{
           header: {