upd: pull to refresh

Deskripsi:
- list banner
- lit grouop
- list position
- list member
- list diskusi umum
- list pengumuman
- list project
- list divisi
- list tugas divisi
- list diskusi divisi
- list kalender divisi
- list dokumen divisi

No Issues

app/(application)/division/[id]/(fitur-division)/task/index.tsx

@@ -17,7 +17,7 @@ import {
 } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Pressable, ScrollView, Text, View, VirtualizedList } from "react-native";
+import { Pressable, RefreshControl, ScrollView, Text, View, VirtualizedList } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {
@@ -30,17 +30,18 @@ type Props = {
 };
 
 export default function ListTask() {
-   const { id, status } = useLocalSearchParams<{ id: string; status: string }>();
-   const [isList, setList] = useState(false);
-   const { token, decryptToken } = useAuthSession();
-   const [data, setData] = useState<Props[]>([]);
-   const [search, setSearch] = useState("");
+   const { id, status } = useLocalSearchParams<{ id: string; status: string }>()
+   const [isList, setList] = useState(false)
+   const { token, decryptToken } = useAuthSession()
+   const [data, setData] = useState<Props[]>([])
+   const [search, setSearch] = useState("")
    const update = useSelector((state: any) => state.taskUpdate)
    const [loading, setLoading] = useState(true)
    const arrSkeleton = Array.from({ length: 3 })
    const [statusFix, setStatusFix] = useState<'0' | '1' | '2' | '3'>('0')
    const [page, setPage] = useState(1)
    const [waiting, setWaiting] = useState(false)
+   const [refreshing, setRefreshing] = useState(false)
 
    async function handleLoad(loading: boolean, thisPage: number) {
       try {
@@ -85,6 +86,13 @@ export default function ListTask() {
       }, 1000);
    }
 
+   const handleRefresh = async () => {
+      setRefreshing(true)
+      handleLoad(false, 1)
+      await new Promise(resolve => setTimeout(resolve, 2000));
+      setRefreshing(false)
+   };
+
    const getItem = (_data: unknown, index: number): Props => ({
       id: data[index].id,
       title: data[index].title,
@@ -208,6 +216,12 @@ export default function ListTask() {
                               onEndReached={loadMoreData}
                               onEndReachedThreshold={0.5}
                               showsVerticalScrollIndicator={false}
+                              refreshControl={
+                                 <RefreshControl
+                                    refreshing={refreshing}
+                                    onRefresh={handleRefresh}
+                                 />
+                              }
                            />
                            {/* {data.map((item, index) => (
                               <BorderBottomItem
@@ -268,6 +282,12 @@ export default function ListTask() {
                               onEndReached={loadMoreData}
                               onEndReachedThreshold={0.5}
                               showsVerticalScrollIndicator={false}
+                              refreshControl={
+                                 <RefreshControl
+                                    refreshing={refreshing}
+                                    onRefresh={handleRefresh}
+                                 />
+                              }
                            />
                            {/* {data.map((item, index) => (
                               <PaperGridContent