upd: modal konfirmasi

Deskripsi:
- menerapkan semua modal baru pada semua fitur

No Issues''

components/project/headerProjectDetail.tsx

@@ -9,8 +9,9 @@ import { useState } from "react"
 import { View } from "react-native"
 import Toast from "react-native-toast-message"
 import { useDispatch, useSelector } from "react-redux"
-import AlertKonfirmasi from "../alertKonfirmasi"
+import ModalConfirmation from "../ModalConfirmation"
 import ButtonMenuHeader from "../buttonMenuHeader"
+import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom"
 import { InputForm } from "../inputForm"
 import MenuItemRow from "../menuItemRow"
@@ -29,6 +30,7 @@ export default function HeaderRightProjectDetail({ id, status }: Props) {
    const dispatch = useDispatch()
    const update = useSelector((state: any) => state.projectUpdate)
    const [isAddLink, setAddLink] = useState(false)
+   const [showDeleteModal, setShowDeleteModal] = useState(false)
    const [link, setLink] = useState("")
 
    async function handleDelete() {
@@ -152,11 +154,9 @@ export default function HeaderRightProjectDetail({ id, status }: Props) {
                            title="Hapus"
                            onPress={() => {
                               setVisible(false)
-                              AlertKonfirmasi({
-                                 title: 'Konfirmasi',
-                                 desc: 'Apakah Anda yakin ingin menghapus kegiatan ini? Kegiatan yang dihapus tidak dapat dikembalikan',
-                                 onPress: () => { handleDelete() }
-                              })
+                              setTimeout(() => {
+                                 setShowDeleteModal(true)
+                              }, 600)
                            }}
                         />
                         :
@@ -173,6 +173,20 @@ export default function HeaderRightProjectDetail({ id, status }: Props) {
             }
          </DrawerBottom>
 
+         <ModalConfirmation
+            visible={showDeleteModal}
+            title="Konfirmasi"
+            message="Apakah Anda yakin ingin menghapus kegiatan ini? Kegiatan yang dihapus tidak dapat dikembalikan"
+            onConfirm={() => {
+               setShowDeleteModal(false)
+               handleDelete()
+            }}
+            onCancel={() => setShowDeleteModal(false)}
+            confirmText="Hapus"
+            cancelText="Batal"
+            isDestructive
+         />
+
          <ModalFloat
             title="Tambah Link"
             isVisible={isAddLink}

components/project/sectionFile.tsx

@@ -14,7 +14,7 @@ import { Alert, Platform, View } from "react-native";
 import * as mime from 'react-native-mime-types';
 import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
-import AlertKonfirmasi from "../alertKonfirmasi";
+import ModalConfirmation from "../ModalConfirmation";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
 import MenuItemRow from "../menuItemRow";
@@ -42,6 +42,7 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
    const [loading, setLoading] = useState(true)
    const arrSkeleton = Array.from({ length: 3 })
    const [selectFile, setSelectFile] = useState<Props | null>(null)
+   const [showDeleteModal, setShowDeleteModal] = useState(false)
    const [loadingOpen, setLoadingOpen] = useState(false)
 
    async function handleLoad(loading: boolean) {
@@ -185,19 +186,28 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
                         onPress={() => {
                            if (status == 3) return
                            setModal(false)
-                           AlertKonfirmasi({
-                              title: 'Konfirmasi',
-                              desc: 'Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan',
-                              onPress: () => {
-                                 handleDelete()
-                              }
-                           })
-
+                           setTimeout(() => {
+                              setShowDeleteModal(true)
+                           }, 600)
                         }}
                      />
                }
             </View>
          </DrawerBottom>
+
+         <ModalConfirmation
+            visible={showDeleteModal}
+            title="Konfirmasi"
+            message="Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan"
+            onConfirm={() => {
+               setShowDeleteModal(false)
+               handleDelete()
+            }}
+            onCancel={() => setShowDeleteModal(false)}
+            confirmText="Hapus"
+            cancelText="Batal"
+            isDestructive
+         />
       </>
    )
 }

components/project/sectionLink.tsx

@@ -10,7 +10,7 @@ import { useEffect, useState } from "react";
 import { Linking, View } from "react-native";
 import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
-import AlertKonfirmasi from "../alertKonfirmasi";
+import ModalConfirmation from "../ModalConfirmation";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
 import MenuItemRow from "../menuItemRow";
@@ -32,6 +32,7 @@ export default function SectionLink({ status, member, refreshing }: { status: nu
    const update = useSelector((state: any) => state.projectUpdate)
    const dispatch = useDispatch()
    const [selectLink, setSelectLink] = useState<Props | null>(null)
+   const [showDeleteModal, setShowDeleteModal] = useState(false)
 
    async function handleLoad() {
       try {
@@ -122,19 +123,28 @@ export default function SectionLink({ status, member, refreshing }: { status: nu
                               onPress={() => {
                                  if (status == 3) return
                                  setModal(false)
-                                 AlertKonfirmasi({
-                                    title: 'Konfirmasi',
-                                    desc: 'Apakah Anda yakin ingin menghapus link ini? Link yang dihapus tidak dapat dikembalikan',
-                                    onPress: () => {
-                                       handleDelete()
-                                    }
-                                 })
-
+                                 setTimeout(() => {
+                                    setShowDeleteModal(true)
+                                 }, 600)
                               }}
                            />
                      }
                   </View>
                </DrawerBottom>
+
+               <ModalConfirmation
+                  visible={showDeleteModal}
+                  title="Konfirmasi"
+                  message="Apakah Anda yakin ingin menghapus link ini? Link yang dihapus tidak dapat dikembalikan"
+                  onConfirm={() => {
+                     setShowDeleteModal(false)
+                     handleDelete()
+                  }}
+                  onCancel={() => setShowDeleteModal(false)}
+                  confirmText="Hapus"
+                  cancelText="Batal"
+                  isDestructive
+               />
             </>
          }
       </>

components/project/sectionMember.tsx

@@ -10,7 +10,7 @@ import { useEffect, useState } from "react";
 import { View } from "react-native";
 import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
-import AlertKonfirmasi from "../alertKonfirmasi";
+import ModalConfirmation from "../ModalConfirmation";
 import BorderBottomItem from "../borderBottomItem";
 import DrawerBottom from "../drawerBottom";
 import ImageUser from "../imageNew";
@@ -35,6 +35,8 @@ export default function SectionMember({ status, refreshing }: { status: number |
    const [isModal, setModal] = useState(false);
    const { token, decryptToken } = useAuthSession();
    const { id } = useLocalSearchParams<{ id: string }>();
+   const [selectLink, setSelectLink] = useState<Props | null>(null);
+   const [showDeleteModal, setShowDeleteModal] = useState(false);
    const [data, setData] = useState<Props[]>([]);
    const [loading, setLoading] = useState(true)
    const arrSkeleton = Array.from({ length: 3 })
@@ -168,16 +170,28 @@ export default function SectionMember({ status, refreshing }: { status: number |
                      title="Keluarkan"
                      onPress={() => {
                         setModal(false)
-                        AlertKonfirmasi({
-                           title: "Konfirmasi",
-                           desc: "Apakah Anda yakin ingin mengeluarkan anggota?",
-                           onPress: () => { handleDeleteMember() },
-                        });
+                        setTimeout(() => {
+                           setShowDeleteModal(true)
+                        }, 600)
                      }}
                   />
                }
             </View>
          </DrawerBottom>
+
+         <ModalConfirmation
+            visible={showDeleteModal}
+            title="Konfirmasi"
+            message="Apakah Anda yakin ingin mengeluarkan anggota?"
+            onConfirm={() => {
+               setShowDeleteModal(false)
+               handleDeleteMember()
+            }}
+            onCancel={() => setShowDeleteModal(false)}
+            confirmText="Keluarkan"
+            cancelText="Batal"
+            isDestructive
+         />
       </>
    );
 }

components/project/sectionTanggalTugas.tsx

@@ -9,7 +9,7 @@ import { useEffect, useState } from "react";
 import { View } from "react-native";
 import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
-import AlertKonfirmasi from "../alertKonfirmasi";
+import ModalConfirmation from "../ModalConfirmation";
 import DrawerBottom from "../drawerBottom";
 import ItemSectionTanggalTugas from "../itemSectionTanggalTugas";
 import MenuItemRow from "../menuItemRow";
@@ -45,6 +45,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
       id: '',
       status: 0,
    })
+   const [showDeleteModal, setShowDeleteModal] = useState(false)
 
    async function handleLoad(loading: boolean) {
       try {
@@ -215,16 +216,28 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
                   title="Hapus Tugas"
                   onPress={() => {
                      setModal(false)
-                     AlertKonfirmasi({
-                        title: "Konfirmasi",
-                        desc: "Apakah anda yakin ingin menghapus data ini?",
-                        onPress: () => { handleDelete() },
-                     });
+                     setTimeout(() => {
+                        setShowDeleteModal(true)
+                     }, 600)
                   }}
                />
             </View>
          </DrawerBottom>
 
+         <ModalConfirmation
+            visible={showDeleteModal}
+            title="Konfirmasi"
+            message="Apakah anda yakin ingin menghapus data ini?"
+            onConfirm={() => {
+               setShowDeleteModal(false)
+               handleDelete()
+            }}
+            onCancel={() => setShowDeleteModal(false)}
+            confirmText="Hapus"
+            cancelText="Batal"
+            isDestructive
+         />
+
          <ModalSelect
             category="status-task"
             close={() => { setSelect(false) }}