upd: tambah satuan

Deskripsi:
- satuan luas tempat usaha
- satuan pendapatan perbulan
- pada tambah, edit, detail surat

No Issues

src/pages/darmasaba/surat.tsx

@@ -31,7 +31,7 @@ import {
   IconInfoCircle,
   IconNotes,
   IconPhone,
-  IconUpload,
+  IconUpload
 } from "@tabler/icons-react";
 import dayjs from "dayjs";
 import "dayjs/locale/id";
@@ -527,6 +527,10 @@ export default function FormSurat() {
                                       (n: any) => n.key == item.key,
                                     )?.value
                                   }
+                                  rightSection={
+                                    item.satuan != null &&
+                                    <Text mr={"lg"}>{item.satuan}</Text>
+                                  }
                                 />
                               )}
                             </Grid.Col>

src/pages/darmasaba/update_data_surat.tsx

@@ -781,6 +781,10 @@ function DataUpdate({
                         dataPelengkap.find((n: any) => n.key == item.key)?.value
                       }
                       disabled={status != "ditolak" && status != "antrian"}
+                      rightSection={
+                        item.satuan != null &&
+                        <Text mr={"lg"}>{item.satuan}</Text>
+                      }
                     />
                   )}
                 </Grid.Col>
@@ -789,7 +793,7 @@ function DataUpdate({
           </FormSection>
 
           <FormSection
-            title="Syarat Dokumen"
+            title="Syarat Dokumen hjh"
             description="Syarat dokumen yang diperlukan"
             icon={<IconFiles size={16} />}
           >

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

@@ -123,7 +123,7 @@ function DetailDataPengajuan({
   const [permissions, setPermissions] = useState<JsonValue[]>([]);
   const [viewImg, setViewImg] = useState({ file: "", folder: "" });
   const [uploading, setUploading] = useState({ ok: false, file: "" });
-  const [editValue, setEditValue] = useState({ id: "", jenis: "", val: "", option: null as any, type: "", key: "" })
+  const [editValue, setEditValue] = useState({ id: "", jenis: "", val: "", satuan: null as string | null, option: null as any, type: "", key: "" })
   const [openEdit, setOpenEdit] = useState(false)
   const [loadingUpdate, setLoadingUpdate] = useState(false)
   const [loadingFS, setLoadingFS] = useState({ value: false, text: "" })
@@ -368,6 +368,10 @@ function DetailDataPengajuan({
               type={editValue.type}
               onChange={(e) => { setEditValue({ ...editValue, val: e.target.value }) }}
               value={editValue.val}
+              rightSection={
+                editValue.satuan != null &&
+                <Text mr={"lg"}>{editValue.satuan}</Text>
+              }
             />
           )}
           <Group justify="center" grow>
@@ -575,13 +579,13 @@ function DetailDataPengajuan({
                               direction="row"
                             >
                               <Text>
-                                {_.upperFirst(item.value)}
+                                {_.upperFirst(item.value)} {item.satuan}
                               </Text>
                               <ActionIcon
                                 variant="subtle"
                                 aria-label="Edit"
                                 onClick={() => {
-                                  setEditValue({ id: item.id, val: item.value, type: item.type, option: item.options, jenis: item.jenis, key: item.key })
+                                  setEditValue({ id: item.id, val: item.value, type: item.type, satuan: item.satuan, option: item.options, jenis: item.jenis, key: item.key })
                                   setOpenEdit(true)
                                 }}>
                                 <IconEdit size={16} />