fix: fixing super admin

Deskripsi:
- tugas divisi
- kegiatan
- home
- filter

No Issues

src/module/project/ui/add_detail_task_project.tsx

@@ -2,7 +2,7 @@
 import { keyWibu, LayoutNavbarNew, TEMA } from '@/module/_global';
 import LayoutModal from '@/module/_global/layout/layout_modal';
 import { useHookstate } from '@hookstate/core';
-import { Box, Button, Group, rem, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Button, Flex, Group, rem, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
 import { DatePicker } from '@mantine/dates';
 import moment from 'moment';
 import { useParams, useRouter } from 'next/navigation';
@@ -10,6 +10,7 @@ import { useState } from 'react';
 import toast from 'react-hot-toast';
 import { useWibuRealtime } from 'wibu-realtime';
 import { funCreateDetailProject } from '../lib/api_project';
+import { useShallowEffect } from '@mantine/hooks';
 
 export default function AddDetailTaskProject() {
    const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
@@ -19,24 +20,16 @@ export default function AddDetailTaskProject() {
    const [loadingModal, setLoadingModal] = useState(false)
    const param = useParams<{ id: string }>()
    const tema = useHookstate(TEMA)
+   const [acuan, setAcuan] = useState(false)
    const [touched, setTouched] = useState({
-      name: false,
+      title: false,
+      date: false
    });
    const [dataRealTime, setDataRealtime] = useWibuRealtime({
       WIBU_REALTIME_TOKEN: keyWibu,
       project: "sdm"
    })
 
-   function onVerification() {
-      if (value[0] == null || value[1] == null)
-         return toast.error("Error! harus memilih tanggal")
-
-      if (name == "")
-         return toast.error("Error! harus memasukkan judul tugas")
-
-      setOpenModal(true)
-   }
-
    async function onSubmit() {
       try {
          setLoadingModal(true)
@@ -65,9 +58,59 @@ export default function AddDetailTaskProject() {
       }
    }
 
+   function onCheck() {
+      const cek = checkAll()
+      if (!cek)
+         return false
+      setOpenModal(true)
+   }
+
+   function checkAll() {
+      let nilai = true
+
+      if (name == "") {
+         setTouched(touched => ({ ...touched, title: true }))
+         nilai = false
+      }
+
+      if (value[0] == null || value[1] == null) {
+         setTouched(touched => ({ ...touched, date: true }))
+         nilai = false
+      }
+
+      return nilai
+
+   }
+
+   function onValidation(kategori: string, val: string) {
+      if (kategori == 'title') {
+         setName(val)
+         if (val === "") {
+            setTouched({ ...touched, title: true })
+         } else {
+            setTouched({ ...touched, title: false })
+         }
+      } else if (kategori == 'date') {
+         const array = val.split(",")
+         if (array[0] == '' || array[1] == '') {
+            setTouched({ ...touched, date: true })
+         } else {
+            setTouched({ ...touched, date: false })
+         }
+      }
+   }
+
+   useShallowEffect(() => {
+      if (acuan) {
+         onValidation('date', String(value))
+      } else {
+         setAcuan(true)
+      }
+   }, [value])
+
    return (
       <Box>
-         <LayoutNavbarNew back="" title={"Tambah Kegiatan"} menu />
+         <LayoutNavbarNew back="" title={"Tambah Tugas"} menu />
          <Box p={20}>
             <Group
                justify="center"
@@ -86,7 +129,9 @@ export default function AddDetailTaskProject() {
             </Group>
             <SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
                <Box>
-                  <Text>Tanggal Mulai</Text>
+                  <Flex justify="flex-start" align="flex-start" direction="row" wrap="nowrap" gap={5}>
+                     <Text fw={500}>Tanggal Mulai</Text> <Text c={"red"}>*</Text>
+                  </Flex>
                   <Group
                      justify="center"
                      bg={"white"}
@@ -97,7 +142,9 @@ export default function AddDetailTaskProject() {
                   </Group>
                </Box>
                <Box>
-                  <Text>Tanggal Berakhir</Text>
+                  <Flex justify="flex-start" align="flex-start" direction="row" wrap="nowrap" gap={5}>
+                     <Text fw={500}>Tanggal Berakhir</Text> <Text c={"red"}>*</Text>
+                  </Flex>
                   <Group
                      justify="center"
                      bg={"white"}
@@ -108,6 +155,11 @@ export default function AddDetailTaskProject() {
                   </Group>
                </Box>
             </SimpleGrid>
+            {
+               (touched && touched.date)
+                  ? <Text size="sm" c={"red"}>Tanggal Tidak Boleh Kosong</Text>
+                  : <></>
+            }
             <Stack pt={15} pb={100}>
                <TextInput
                   styles={{
@@ -116,19 +168,17 @@ export default function AddDetailTaskProject() {
                         borderRadius: 10,
                      },
                   }}
-                  placeholder="Input Nama Tahapan"
-                  label="Judul Tahapan"
+                  placeholder="Input Judul Tugas"
+                  label="Judul Tugas"
                   required
                   size="md"
                   value={name}
                   onChange={(e) => {
-                     setName(e.target.value)
-                     setTouched({ ...touched, name: false })
+                     onValidation('title', e.target.value)
                   }}
-                  onBlur={() => setTouched({ ...touched, name: true })}
                   error={
-                     touched.name && (
-                        name == "" ? "Judul Tidak Boleh Kosong" : null
+                     touched.title && (
+                        name == "" ? "Judul Tugas Tidak Boleh Kosong" : null
                      )
                   }
                />
@@ -145,7 +195,7 @@ export default function AddDetailTaskProject() {
                size="lg"
                radius={30}
                fullWidth
-               onClick={() => { onVerification() }}
+               onClick={() => { onCheck() }}
             >
                Simpan
             </Button>