upd: division

Deskripsi:
- edit divisi
- update status divisi

NO Issues

app/(application)/division/[id]/info.tsx

@@ -4,6 +4,7 @@ import ButtonBackHeader from "@/components/buttonBackHeader"
 import HeaderRightDivisionInfo from "@/components/division/headerDivisionInfo"
 import DrawerBottom from "@/components/drawerBottom"
 import ImageUser from "@/components/imageNew"
+import SectionCancel from "@/components/sectionCancel"
 import { ColorsStatus } from "@/constants/ColorsStatus"
 import Styles from "@/constants/Styles"
 import { apiDeleteMemberDivision, apiGetDivisionOneDetail, apiUpdateStatusAdminDivision } from "@/lib/api"
@@ -12,6 +13,7 @@ import { Feather, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-ico
 import { router, Stack, useLocalSearchParams } from "expo-router"
 import { useEffect, useState } from "react"
 import { Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"
+import { useSelector } from "react-redux"
 
 type PropsDetail = {
    id: string,
@@ -38,6 +40,7 @@ export default function InformationDivision() {
    const [dataDetail, setDataDetail] = useState<PropsDetail>()
    const [dataMember, setDataMember] = useState<PropsMember[]>([])
    const [refresh, setRefresh] = useState(false)
+   const update = useSelector((state: any) => state.divisionUpdate)
    const [dataMemberChoose, setDataMemberChoose] = useState({
       id: '',
       name: '',
@@ -101,7 +104,7 @@ export default function InformationDivision() {
 
    useEffect(() => {
       handleLoad()
-   }, [refresh])
+   }, [refresh, update])
 
    function handleChooseMember(item: PropsMember) {
       setDataMemberChoose(item)
@@ -115,11 +118,16 @@ export default function InformationDivision() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Informasi Divisi',
                headerTitleAlign: 'center',
-               headerRight: () => <HeaderRightDivisionInfo id={id} />,
+               headerRight: () => <HeaderRightDivisionInfo id={id} active={dataDetail?.isActive}/>,
             }}
          />
          <ScrollView>
             <View style={[Styles.p15, Styles.mb100]}>
+               {
+                  dataDetail?.isActive == false && (
+                     <SectionCancel title={'Divisi dinonaktifkan'} />
+                  )
+               }
                <View style={[Styles.mb15]}>
                   <Text style={[Styles.textDefaultSemiBold, Styles.mb05]}>Deskripsi Divisi</Text>
                   <View style={[Styles.wrapPaper]}>
@@ -129,16 +137,21 @@ export default function InformationDivision() {
                <View style={[Styles.mb15]}>
                   <Text style={[Styles.textDefault, Styles.mv05]}>{dataMember.length} Anggota</Text>
                   <View style={[Styles.wrapPaper]}>
-                     <BorderBottomItem
-                        onPress={() => { router.push(`/division/${id}/add-member`) }}
-                        borderType="none"
-                        icon={
-                           <View style={[Styles.iconContent, ColorsStatus.gray]}>
-                              <Feather name="user-plus" size={25} color={'#384288'} />
-                           </View>
-                        }
-                        title="Tambah Anggota"
-                     />
+                     {
+                        dataDetail?.isActive && (
+                           <BorderBottomItem
+                              onPress={() => { router.push(`/division/${id}/add-member`) }}
+                              borderType="none"
+                              icon={
+                                 <View style={[Styles.iconContent, ColorsStatus.gray]}>
+                                    <Feather name="user-plus" size={25} color={'#384288'} />
+                                 </View>
+                              }
+                              title="Tambah Anggota"
+                           />
+                        )
+                     }
+
                      {
                         dataMember.map((item, index) => {
                            return (
@@ -146,7 +159,7 @@ export default function InformationDivision() {
                                  width={55}
                                  key={index}
                                  borderType="bottom"
-                                 onPress={() => { handleChooseMember(item) }}
+                                 onPress={() => { dataDetail?.isActive && handleChooseMember(item) }}
                                  icon={
                                     <ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} size="sm" />
                                  }