upd: dahsboard admin

Deskripsi:
- tampil image
- tampil ttd pada setting desa

No Issues

src/components/ModalFile.tsx

@@ -0,0 +1,66 @@
+import { Flex, Image, Loader, Modal } from "@mantine/core";
+import { useEffect, useState } from "react";
+import notification from "./notificationGlobal";
+
+export default function ModalFile({ open, onClose, folder, fileName }: { open: boolean, onClose: () => void, folder: string, fileName: string }) {
+   const [viewImg, setViewImg] = useState<string>("");
+   const [loading, setLoading] = useState<boolean>(false);
+
+   useEffect(() => {
+      if (open && fileName) {
+         loadImage();
+      }
+   }, [open, fileName]);
+
+   const loadImage = async () => {
+      try {
+         setViewImg("");
+         setLoading(true);
+         const urlApi = '/api/pengaduan/image?folder=' + folder + '&fileName=' + fileName;
+         // Fetch manual agar mendapatkan Response asli
+         const res = await fetch(urlApi);
+         if (!res.ok)
+            return notification({
+               title: "Error",
+               message: "Failed to load image",
+               type: "error",
+            });
+         const blob = await res.blob();
+         const url = URL.createObjectURL(blob);
+
+         setViewImg(url);
+      } catch (err) {
+         console.error("Gagal load gambar:", err);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+
+
+   return (
+      <Modal
+         opened={open}
+         onClose={onClose}
+         overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
+         size="lg"
+         withCloseButton
+         removeScrollProps={{ allowPinchZoom: true }}
+         title="File"
+      >
+         {loading && (
+            <Flex justify="center" align="center" h={200}>
+               <Loader />
+            </Flex>
+         )}
+         {viewImg && (
+            <Image
+               radius="md"
+               h={300}
+               fit="contain"
+               src={viewImg}
+            />
+         )}
+      </Modal>
+   );
+}