upd: dashboard admin

Deskripsi:
- update modal surat
- api surat
- dowload surat

No Issues

src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx

@@ -1,6 +1,8 @@
+import ModalSurat from "@/components/ModalSurat";
 import notification from "@/components/notificationGlobal";
 import apiFetch from "@/lib/apiFetch";
 import {
+  Anchor,
   Badge,
   Button,
   Card,
@@ -73,6 +75,7 @@ function DetailDataPengajuan({ data, syaratDokumen, dataText, onAction }: { data
   const [keterangan, setKeterangan] = useState("");
   const [host, setHost] = useState<User | null>(null);
   const [noSurat, setNoSurat] = useState("");
+  const [openedPreview, setOpenedPreview] = useState(false);
 
   useEffect(() => {
     async function fetchHost() {
@@ -169,6 +172,11 @@ function DetailDataPengajuan({ data, syaratDokumen, dataText, onAction }: { data
           )}
         </Stack>
       </Modal>
+      {
+        data?.status == "selesai" &&
+        (<ModalSurat open={openedPreview} onClose={() => setOpenedPreview(false)} surat={data?.idSurat} />)
+      }
+
 
       <Card
         radius="md"
@@ -224,13 +232,17 @@ function DetailDataPengajuan({ data, syaratDokumen, dataText, onAction }: { data
                     spacing="sm"
                     pt={10}
                     icon={
-                      <ThemeIcon color="green" size={20} radius="xl">
+                      <ThemeIcon variant="default" size={20} radius="xl">
                         <IconCheck size={13} />
                       </ThemeIcon>
                     }
                   >
                     {syaratDokumen?.map((v: any) => (
-                      <List.Item key={v.id}>{v.jenis}</List.Item>
+                      <List.Item key={v.id}>
+                        <Anchor href="https://mantine.dev/" target="_blank">
+                          {v.jenis}
+                        </Anchor>
+                      </List.Item>
                     ))}
                   </List>
                 </Flex>
@@ -307,15 +319,9 @@ function DetailDataPengajuan({ data, syaratDokumen, dataText, onAction }: { data
                   <Group justify="center" grow>
                     <Button
                       variant="light"
-                      onClick={() => { }}
+                      onClick={() => setOpenedPreview(!openedPreview)}
                     >
-                      Lihat Surat
-                    </Button>
-                    <Button
-                      variant="light"
-                      onClick={() => { }}
-                    >
-                      Download
+                      Surat
                     </Button>
                   </Group>
                 )