amaliadwiy
e7ef09e9aa
Deskripsi : - load refresh pada project - load refresh pada task divisi - text pada modal salin atau pindah - crash modal pada modal more dokumen divisi - memberi loadin pada modal info dokumen divisi - crash modal pada header dokumen divisi - kyboard avoiding pada project - keyboard avoiding pada tugas divisi - image pada user yg diselect pada tambah anggota divisi nb : qc blm selesai No Issues
98 lines
3.4 KiB
TypeScript
98 lines
3.4 KiB
TypeScript
import ButtonBackHeader from "@/components/buttonBackHeader";
|
|
import SectionCancel from "@/components/sectionCancel";
|
|
import SectionProgress from "@/components/sectionProgress";
|
|
import HeaderRightTaskDetail from "@/components/task/headerTaskDetail";
|
|
import SectionFileTask from "@/components/task/sectionFileTask";
|
|
import SectionMemberTask from "@/components/task/sectionMemberTask";
|
|
import SectionTanggalTugasTask from "@/components/task/sectionTanggalTugasTask";
|
|
import Styles from "@/constants/Styles";
|
|
import { apiGetTaskOne } from "@/lib/api";
|
|
import { useAuthSession } from "@/providers/AuthProvider";
|
|
import { router, Stack, useLocalSearchParams } from "expo-router";
|
|
import { useEffect, useState } from "react";
|
|
import { RefreshControl, SafeAreaView, ScrollView, View } from "react-native";
|
|
import { useSelector } from "react-redux";
|
|
|
|
type Props = {
|
|
id: string
|
|
title: string
|
|
desc: string
|
|
reason: string
|
|
status: number
|
|
isActive: boolean
|
|
}
|
|
|
|
export default function DetailTaskDivision() {
|
|
const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>();
|
|
const { token, decryptToken } = useAuthSession()
|
|
const [data, setData] = useState<Props>()
|
|
const [loading, setLoading] = useState(true)
|
|
const [progress, setProgress] = useState(0)
|
|
const update = useSelector((state: any) => state.taskUpdate)
|
|
const [refreshing, setRefreshing] = useState(false)
|
|
|
|
|
|
async function handleLoad(cat: 'data' | 'progress') {
|
|
try {
|
|
if (cat == 'data') setLoading(true)
|
|
const hasil = await decryptToken(String(token?.current))
|
|
const response = await apiGetTaskOne({ id: detail, user: hasil, cat: cat })
|
|
if (cat == 'data') {
|
|
setData(response.data)
|
|
} else {
|
|
setProgress(response.data.progress)
|
|
}
|
|
} catch (error) {
|
|
console.error(error)
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
handleLoad('data')
|
|
}, [update.data])
|
|
|
|
useEffect(() => {
|
|
handleLoad('progress')
|
|
}, [update.progress])
|
|
|
|
const handleRefresh = async () => {
|
|
setRefreshing(true)
|
|
await handleLoad('data')
|
|
await handleLoad('progress')
|
|
await new Promise(resolve => setTimeout(resolve, 2000));
|
|
setRefreshing(false)
|
|
};
|
|
|
|
return (
|
|
<SafeAreaView>
|
|
<Stack.Screen
|
|
options={{
|
|
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
|
|
headerTitle: loading ? 'Loading... ' : data?.title,
|
|
headerTitleAlign: 'center',
|
|
headerRight: () => <HeaderRightTaskDetail id={detail} division={id} status={data?.status} />,
|
|
}}
|
|
/>
|
|
<ScrollView
|
|
refreshControl={
|
|
<RefreshControl
|
|
refreshing={refreshing}
|
|
onRefresh={handleRefresh}
|
|
/>
|
|
}
|
|
>
|
|
<View style={[Styles.p15, Styles.mb100]}>
|
|
{
|
|
data?.reason != null && data?.reason != "" && <SectionCancel text={data?.reason} />
|
|
}
|
|
<SectionProgress text={`Kemajuan Kegiatan ${progress}%`} progress={progress} />
|
|
<SectionTanggalTugasTask refreshing={refreshing}/>
|
|
<SectionFileTask refreshing={refreshing}/>
|
|
<SectionMemberTask refreshing={refreshing}/>
|
|
</View>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
)
|
|
} |