upd: fitur baru task divisi

Deskripsi;
- tampilan list detail tugas task divisi
- tampilan tambah detail tugas task divisi
- tampilan edit detail tugas task divisi
- tampilan tambah data task divisi > detail tugas
- integrasi api get data list detail tugas task divisi
- integrasi api tambah dtail tugas task divisi
- integrasi api edit detail tugas task divisi
- integrasi api tambah data task divisi > detail tugas

NO Issues'

components/task/sectionTanggalTugasTask.tsx

@@ -15,6 +15,7 @@ import MenuItemRow from "../menuItemRow";
 import ModalSelect from "../modalSelect";
 import SkeletonTask from "../skeletonTask";
 import Text from "../Text";
+import ModalListDetailTugasTask from "./modalListDetailTugasTask";
 
 
 type Props = {
@@ -25,7 +26,7 @@ type Props = {
    dateEnd: string;
 }
 
-export default function SectionTanggalTugasTask({refreshing}: {refreshing: boolean}) {
+export default function SectionTanggalTugasTask({ refreshing }: { refreshing: boolean }) {
    const dispatch = useDispatch()
    const update = useSelector((state: any) => state.taskUpdate)
    const [isModal, setModal] = useState(false)
@@ -33,6 +34,7 @@ export default function SectionTanggalTugasTask({refreshing}: {refreshing: boole
    const { token, decryptToken } = useAuthSession()
    const [loading, setLoading] = useState(true)
    const arrSkeleton = Array.from({ length: 5 })
+   const [modalDetail, setModalDetail] = useState(false)
    const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>();
    const [data, setData] = useState<Props[]>([])
    const [tugas, setTugas] = useState({
@@ -171,7 +173,24 @@ export default function SectionTanggalTugasTask({refreshing}: {refreshing: boole
                      router.push(`./update/${tugas.id}`)
                   }}
                />
-
+               <MenuItemRow
+                  icon={
+                     <MaterialCommunityIcons
+                        name="clock-time-three-outline"
+                        color="black"
+                        size={25}
+                     />
+                  }
+                  title="Detail Waktu"
+                  onPress={() => {
+                     setModal(false);
+                     setTimeout(() => {
+                        setModalDetail(true)
+                     }, 600)
+                  }}
+               />
+            </View>
+            <View style={[Styles.rowItemsCenter, Styles.mt15]}>
                <MenuItemRow
                   icon={<Ionicons name="trash" color="black" size={25} />}
                   title="Hapus Tugas"
@@ -198,6 +217,12 @@ export default function SectionTanggalTugasTask({refreshing}: {refreshing: boole
             open={isSelect}
             valChoose={String(tugas.status)}
          />
+
+         <ModalListDetailTugasTask
+            isVisible={modalDetail}
+            setVisible={setModalDetail}
+            idTask={tugas.id}
+         />
       </>
    )
 }