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 [page, setPage] = useState(1)
const [waiting, setWaiting] = useState(false)
const [status, setStatus] = useState<'true' | 'false'>('true')
async function handleLoad(loading: boolean, thisPage: number) {
try {
@@ -44,7 +45,7 @@ export default function DiscussionDivision() {
setLoading(loading)
setPage(thisPage)
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) {
setData(response.data)
} else if (thisPage > 1 && response.data.length > 0) {
@@ -67,7 +68,7 @@ export default function DiscussionDivision() {
useEffect(() => {
handleLoad(true, 1)
}, [active, search])
}, [status, search])
const loadMoreData = () => {
if (waiting) return
@@ -93,18 +94,18 @@ export default function DiscussionDivision() {
<View>
<View style={[Styles.wrapBtnTab]}>
<ButtonTab
active={active == "false" ? "false" : "true"}
active={status == "false" ? "false" : "true"}
value="true"
onPress={() => { router.replace('./discussion?active=true') }}
onPress={() => { setStatus("true") }}
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} />
<ButtonTab
active={active == "false" ? "false" : "true"}
active={status == "false" ? "false" : "true"}
value="false"
onPress={() => { router.replace('./discussion?active=false') }}
onPress={() => { setStatus("false") }}
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} />
</View>
<InputSearch onChange={setSearch} />
@@ -136,7 +137,7 @@ export default function DiscussionDivision() {
}
title={item.user_name}
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}
desc={item.desc}