feat : update validation and color

src/module/task/lib/api_task.ts

@@ -8,7 +8,7 @@ export const funGetAllTask = async (path?: string) => {
 
 export const funCreateTask = async (data: IFormTaskDivision) => {
    if (data.title.length < 3)
-      return { success: false, message: 'Nama proyek minimal 3 karakter' }
+      return { success: false, message: 'Nama Kegiatan minimal 3 karakter' }
 
    const response = await fetch("/api/task", {
       method: "POST",

src/module/task/ui/cancel_task.tsx

@@ -59,6 +59,7 @@ export default function CancelTask() {
                }}
                   value={alasan}
                   size="md" placeholder='Contoh : Tugas tidak sesuai' label="Alasan Pembatalan"
+                  required
                   onChange={(event) => {
                      setAlasan(event.target.value)
                      setTouched({ ...touched, reason: false })

src/module/task/ui/detail_progress_task.tsx

@@ -78,7 +78,7 @@ export default function ProgressDetailTask() {
                   </Grid.Col>
                   <Grid.Col span={9}>
                      <Box>
-                        <Text>Kemajuan Proyek {valProgress}%</Text>
+                        <Text>Kemajuan Kegiatan {valProgress}%</Text>
                         <Progress
                            style={{
                               border: `1px solid ${"#BDBDBD"}`,

src/module/task/ui/edit_task.tsx

@@ -80,6 +80,7 @@ export default function EditTask() {
                         borderRadius: 10,
                      },
                   }}
+                  required
                   placeholder="Tugas"
                   label="Judul Tugas"
                   size="md"

src/module/task/ui/list_division_task.tsx

@@ -86,7 +86,7 @@ export default function ListDivisionTask() {
                </Box>
             :
             <Box bg={"#DCEED8"} p={10} style={{ borderRadius: 10 }}>
-               <Text fw={'bold'} c={WARNA.biruTua}>Total Proyek</Text>
+               <Text fw={'bold'} c={WARNA.biruTua}>Total Kegiatan</Text>
                <Flex justify={'center'} align={'center'} h={'100%'}>
                   <Text fz={40} fw={'bold'} c={WARNA.biruTua}>{isData.length}</Text>
                </Flex>