wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: tab navigation

Browse Source 
Deskripsi :
- ketinggalan satu, diskusi divisi

NO Issues
This commit is contained in:
amel
2025-06-12 15:34:38 +08:00
parent 055bbe4c0f
commit 5ed51bf5c5
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/(application)/division/[id]/(fitur-division)/discussion/index.tsx
View File

@@ -37,6 +37,7 @@ export default function DiscussionDivision() {
const arrSkeleton = Array.from({ length: 5 }) const arrSkeleton = Array.from({ length: 5 })
const [page, setPage] = useState(1) const [page, setPage] = useState(1)
const [waiting, setWaiting] = useState(false) const [waiting, setWaiting] = useState(false)
const [status, setStatus] = useState<'true' | 'false'>('true')
async function handleLoad(loading: boolean, thisPage: number) { async function handleLoad(loading: boolean, thisPage: number) {
try { try {
@@ -44,7 +45,7 @@ export default function DiscussionDivision() {
setLoading(loading) setLoading(loading)
setPage(thisPage) setPage(thisPage)
const hasil = await decryptToken(String(token?.current)) const hasil = await decryptToken(String(token?.current))
const response = await apiGetDiscussion({ user: hasil, search, division: id, active, page: thisPage }) const response = await apiGetDiscussion({ user: hasil, search, division: id, active: status, page: thisPage })
if (thisPage == 1) { if (thisPage == 1) {
setData(response.data) setData(response.data)
} else if (thisPage > 1 && response.data.length > 0) { } else if (thisPage > 1 && response.data.length > 0) {
@@ -67,7 +68,7 @@ export default function DiscussionDivision() {
useEffect(() => { useEffect(() => {
handleLoad(true, 1) handleLoad(true, 1)
}, [active, search]) }, [status, search])
const loadMoreData = () => { const loadMoreData = () => {
if (waiting) return if (waiting) return
@@ -93,18 +94,18 @@ export default function DiscussionDivision() {
<View> <View>
<View style={[Styles.wrapBtnTab]}> <View style={[Styles.wrapBtnTab]}>
<ButtonTab <ButtonTab
active={active == "false" ? "false" : "true"} active={status == "false" ? "false" : "true"}
value="true" value="true"
onPress={() => { router.replace('./discussion?active=true') }} onPress={() => { setStatus("true") }}
label="Aktif" label="Aktif"
icon={<Feather name="check-circle" color={active == "false" ? 'black' : 'white'} size={20} />} icon={<Feather name="check-circle" color={status == "false" ? 'black' : 'white'} size={20} />}
n={2} /> n={2} />
<ButtonTab <ButtonTab
active={active == "false" ? "false" : "true"} active={status == "false" ? "false" : "true"}
value="false" value="false"
onPress={() => { router.replace('./discussion?active=false') }} onPress={() => { setStatus("false") }}
label="Arsip" label="Arsip"
icon={<AntDesign name="closecircleo" color={active == "true" ? 'black' : 'white'} size={20} />} icon={<AntDesign name="closecircleo" color={status == "true" ? 'black' : 'white'} size={20} />}
n={2} /> n={2} />
</View> </View>
<InputSearch onChange={setSearch} /> <InputSearch onChange={setSearch} />
@@ -136,7 +137,7 @@ export default function DiscussionDivision() {
} }
title={item.user_name} title={item.user_name}
subtitle={ subtitle={
active == "true" ? item.status == 1 ? <LabelStatus category='success' text='BUKA' size="small" /> : <LabelStatus category='error' text='TUTUP' size="small" /> : <></> status == "true" ? item.status == 1 ? <LabelStatus category='success' text='BUKA' size="small" /> : <LabelStatus category='error' text='TUTUP' size="small" /> : <></>
} }
rightTopInfo={item.createdAt} rightTopInfo={item.createdAt}
desc={item.desc} desc={item.desc}