upd: diskusi divisi

Deskripsi:
- list diskusi
- search diskusi
- detail diskusi
- kirim komentar
- edit diskusi
- status diskusi
- arsip diskusi
- tambah diskusi
- role akses user diskusi

No Issues

components/discussion/headerDiscussionDetail.tsx

@@ -1,8 +1,12 @@
 import Styles from "@/constants/Styles"
+import { apiArchiveDiscussion, apiOpenCloseDiscussion } from "@/lib/api"
+import { setUpdateDiscussion } from "@/lib/discussionUpdate"
+import { useAuthSession } from "@/providers/AuthProvider"
 import { MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
 import { useState } from "react"
 import { ToastAndroid, View } from "react-native"
+import { useDispatch, useSelector } from "react-redux"
 import AlertKonfirmasi from "../alertKonfirmasi"
 import ButtonMenuHeader from "../buttonMenuHeader"
 import DrawerBottom from "../drawerBottom"
@@ -10,48 +14,94 @@ import MenuItemRow from "../menuItemRow"
 
 type Props = {
    id: string | string[]
+   status: number | undefined,
+   isActive: boolean | undefined
 }
 
-export default function HeaderRightDiscussionDetail({ id }: Props) {
+export default function HeaderRightDiscussionDetail({ id, status, isActive }: Props) {
    const [isVisible, setVisible] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const update = useSelector((state: any) => state.discussionUpdate)
+   const dispatch = useDispatch()
+
+   const handleOpenClose = async () => {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiOpenCloseDiscussion({ status: Number(status), user: hasil }, String(id))
+         if (response.success) {
+            ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+            dispatch(setUpdateDiscussion({ ...update, data: !update.data }))
+            setVisible(false)
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error)
+         ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
+      } finally {
+         setVisible(false)
+      }
+   }
+
+   const handleArchive = async () => {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiArchiveDiscussion({ user: hasil, active: !isActive }, String(id))
+         if (response.success) {
+            ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+            dispatch(setUpdateDiscussion({ ...update, data: !update.data }))
+            setVisible(false)
+         } else {
+            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+         }
+      } catch (error) {
+         console.error(error)
+         ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
+      } finally {
+         setVisible(false)
+      }
+   }
 
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
             <View style={Styles.rowItemsCenter}>
-               <MenuItemRow
-                  icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
-                  title="Edit"
-                  onPress={() => {
-                     setVisible(false)
-                     router.push(`./${id}/edit`)
-                  }}
-               />
-               <MenuItemRow
-                  icon={<MaterialIcons name="close" color="black" size={25} />}
-                  title="Tutup Diskusi"
-                  onPress={() => {
-                     AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin menutup diskusi?',
-                        onPress: () => {
+               {
+                  isActive &&
+                  <>
+                     <MenuItemRow
+                        icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
+                        title="Edit"
+                        onPress={() => {
                            setVisible(false)
-                           ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
-                        }
-                     })
-                  }}
-               />
+                           router.push(`./${id}/edit`)
+                        }}
+                     />
+                     <MenuItemRow
+                        icon={<MaterialIcons name={status == 1 ? 'close' : 'check'} color="black" size={25} />}
+                        title={status == 1 ? 'Tutup Diskusi' : 'Buka Diskusi'}
+                        onPress={() => {
+                           AlertKonfirmasi({
+                              title: 'Konfirmasi',
+                              desc: `Apakah anda yakin ingin ${status == 1 ? 'menutup' : 'membuka'} diskusi?`,
+                              onPress: () => {
+                                 handleOpenClose()
+                              }
+                           })
+                        }}
+                     />
+                  </>
+               }
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="archive-outline" color="black" size={25} />}
-                  title="Arsipkan"
+                  title={isActive ? 'Arsipkan' : 'Aktifkan Diskusi'}
                   onPress={() => {
                      AlertKonfirmasi({
                         title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin mengarsipkan diskusi?',
+                        desc: isActive ? 'Apakah anda yakin ingin mengarsipkan diskusi?' : 'Apakah anda yakin ingin mengaktifkan diskusi?',
                         onPress: () => {
-                           setVisible(false)
-                           ToastAndroid.show('Berhasil mengubah data', ToastAndroid.SHORT)
+                           handleArchive()
                         }
                      })
                   }}