1e6a6d08ae
Deskripsi: - diskusi umum - detail diskusi umum - list pengumuman - detail pengumuman - list kegiatan - detail kegiatan No Issues
99 lines
3.6 KiB
TypeScript
99 lines
3.6 KiB
TypeScript
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import HeaderRightProjectDetail from "@/components/project/headerProjectDetail";
|
|
import SectionFile from "@/components/project/sectionFile";
|
|
import SectionMember from "@/components/project/sectionMember";
|
|
import SectionTanggalTugasProject from "@/components/project/sectionTanggalTugas";
|
|
import SectionCancel from "@/components/sectionCancel";
|
|
import SectionProgress from "@/components/sectionProgress";
|
|
import Styles from "@/constants/Styles";
|
|
import { apiGetProjectOne } from "@/lib/api";
|
|
import { useAuthSession } from "@/providers/AuthProvider";
|
|
import { router, Stack, useLocalSearchParams } from "expo-router";
|
|
import { useEffect, useState } from "react";
|
|
import { SafeAreaView, ScrollView, View } from "react-native";
|
|
import { useSelector } from "react-redux";
|
|
|
|
|
|
type Props = {
|
|
id: string,
|
|
idVillage: string,
|
|
idGroup: string,
|
|
title: string,
|
|
status: number,
|
|
desc: string,
|
|
reason: string,
|
|
isActive: string,
|
|
createdBy: string,
|
|
createdAt: string,
|
|
updatedAt: string,
|
|
}
|
|
|
|
export default function DetailProject() {
|
|
const { token, decryptToken } = useAuthSession()
|
|
const { id } = useLocalSearchParams<{ id: string }>();
|
|
const [data, setData] = useState<Props>()
|
|
const [progress, setProgress] = useState(0)
|
|
const [loading, setLoading] = useState(true)
|
|
const update = useSelector((state: any) => state.projectUpdate)
|
|
const [isMember, setIsMember] = useState(false)
|
|
const entityUser = useSelector((state: any) => state.user)
|
|
|
|
async function handleLoad() {
|
|
try {
|
|
setLoading(true)
|
|
const hasil = await decryptToken(String(token?.current))
|
|
const response = await apiGetProjectOne({ user: hasil, cat: 'data', id: id })
|
|
setData(response.data)
|
|
const responseProgress = await apiGetProjectOne({ user: hasil, cat: 'progress', id: id })
|
|
setProgress(responseProgress.data.progress)
|
|
} catch (error) {
|
|
console.error(error)
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}
|
|
|
|
async function checkMember() {
|
|
try {
|
|
const hasil = await decryptToken(String(token?.current))
|
|
const response = await apiGetProjectOne({ user: hasil, cat: 'member', id: id })
|
|
const cekMember = response.data.some((i: any) => i.idUser == hasil)
|
|
setIsMember(cekMember)
|
|
} catch (error) {
|
|
console.error(error)
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
handleLoad()
|
|
}, [update.data, update.progress])
|
|
|
|
useEffect(() => {
|
|
checkMember()
|
|
}, [])
|
|
|
|
|
|
return (
|
|
<SafeAreaView>
|
|
<Stack.Screen
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: loading ? 'Loading... ' : data?.title,
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => (entityUser.role == "user" || entityUser.role == "coadmin") && !isMember ? null : <HeaderRightProjectDetail id={id} status={data?.status} />,
|
|
}}
|
|
/>
|
|
<ScrollView>
|
|
<View style={[Styles.p15, Styles.mb100]}>
|
|
{
|
|
data?.reason != null && data?.reason != "" && <SectionCancel text={data?.reason} />
|
|
}
|
|
<SectionProgress text={`Kemajuan Kegiatan ${progress}%`} progress={progress} />
|
|
<SectionTanggalTugasProject status={data?.status} member={isMember} />
|
|
<SectionFile status={data?.status} member={isMember} />
|
|
<SectionMember status={data?.status} />
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
)
|
|
} |