upd: project

Deskripsi:
- detail project
- batal project
- edit project
- tambah tugas project
- update status tugas project

No Issues'

components/project/sectionTanggalTugas.tsx

@@ -0,0 +1,179 @@
+import Styles from "@/constants/Styles";
+import { apiGetProjectOne, apiUpdateStatusProjectTask } from "@/lib/api";
+import { setUpdateProject } from "@/lib/projectUpdate";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
+import { router, useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
+import { Text, ToastAndroid, View } from "react-native";
+import { useDispatch, useSelector } from "react-redux";
+import AlertKonfirmasi from "../alertKonfirmasi";
+import DrawerBottom from "../drawerBottom";
+import ItemSectionTanggalTugas from "../itemSectionTanggalTugas";
+import MenuItemRow from "../menuItemRow";
+import ModalSelect from "../modalSelect";
+
+type Props = {
+   id: string;
+   title: string;
+   desc: string;
+   status: 1;
+   dateStart: string;
+   dateEnd: string;
+   createdAt: string;
+};
+
+export default function SectionTanggalTugasProject() {
+   const dispatch = useDispatch()
+   const update = useSelector((state: any) => state.projectUpdate)
+   const [isModal, setModal] = useState(false);
+   const [isSelect, setSelect] = useState(false);
+   const { token, decryptToken } = useAuthSession();
+   const { id } = useLocalSearchParams<{ id: string }>();
+   const [data, setData] = useState<Props[]>([]);
+   const [tugas, setTugas] = useState({
+      id: '',
+      status: 0,
+   })
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiGetProjectOne({
+            user: hasil,
+            cat: "task",
+            id: id,
+         });
+         setData(response.data);
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   useEffect(() => {
+      handleLoad();
+   }, [update.task]);
+
+
+
+   async function handleUpdate(status: number) {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiUpdateStatusProjectTask({
+            user: hasil,
+            idProject: id,
+            status: status,
+         }, tugas.id);
+         if (response.success) {
+            dispatch(setUpdateProject({ ...update, progress: !update.progress, task: !update.task }))
+            setSelect(false);
+            ToastAndroid.show("Berhasil mengubah data", ToastAndroid.SHORT);
+         }
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   return (
+      <>
+         <View style={[Styles.mb15, Styles.mt10]}>
+            <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>
+               Tanggal & Tugas
+            </Text>
+            <View style={[Styles.wrapPaper]}>
+               {
+                  data.length > 0
+                     ?
+                     data.map((item, index) => {
+                        return (
+                           <ItemSectionTanggalTugas
+                              key={index}
+                              done={item.status === 1}
+                              title={item.title}
+                              dateStart={item.dateStart}
+                              dateEnd={item.dateEnd}
+                              onPress={() => {
+                                 setTugas({
+                                    id: item.id,
+                                    status: item.status
+                                 })
+                                 setModal(true)
+                              }}
+                           />
+                        );
+                     })
+                     :
+                     <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada tugas</Text>
+               }
+            </View>
+         </View>
+
+         <DrawerBottom
+            animation="slide"
+            isVisible={isModal}
+            setVisible={setModal}
+            title="Menu"
+         >
+            <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={
+                     <MaterialCommunityIcons
+                        name="list-status"
+                        color="black"
+                        size={25}
+                     />
+                  }
+                  title="Update Status"
+                  onPress={() => {
+                     setModal(false);
+                     setSelect(true);
+                  }}
+               />
+               <MenuItemRow
+                  icon={
+                     <MaterialCommunityIcons
+                        name="pencil-outline"
+                        color="black"
+                        size={25}
+                     />
+                  }
+                  title="Edit Tugas"
+                  onPress={() => {
+                     setModal(false);
+                     router.push(`/project/update/124`);
+                  }}
+               />
+
+               <MenuItemRow
+                  icon={<Ionicons name="trash" color="black" size={25} />}
+                  title="Hapus Tugas"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: "Konfirmasi",
+                        desc: "Apakah anda yakin ingin menghapus data ini?",
+                        onPress: () => {
+                           setModal(false);
+                           ToastAndroid.show(
+                              "Berhasil menghapus data",
+                              ToastAndroid.SHORT
+                           );
+                        },
+                     });
+                  }}
+               />
+            </View>
+         </DrawerBottom>
+
+         <ModalSelect
+            category="status-task"
+            close={setSelect}
+            onSelect={(value) => {
+               handleUpdate(Number(value.val))
+            }}
+            title="Status"
+            open={isSelect}
+            valChoose={String(tugas.status)}
+         />
+      </>
+   );
+}