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)/announcement/index.tsx

@@ -8,7 +8,7 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { MaterialIcons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { useEffect, useState } from "react";
-import { Text, View, VirtualizedList } from "react-native";
+import { RefreshControl, Text, View, VirtualizedList } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {
@@ -28,6 +28,7 @@ export default function Announcement() {
    const arrSkeleton = Array.from({ length: 5 }, (_, index) => index)
    const [page, setPage] = useState(1)
    const [waiting, setWaiting] = useState(false)
+   const [refreshing, setRefreshing] = useState(false)
 
    async function handleLoad(loading: boolean, thisPage: number) {
       try {
@@ -66,6 +67,13 @@ export default function Announcement() {
       }, 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,
@@ -114,6 +122,12 @@ export default function Announcement() {
                         onEndReached={loadMoreData}
                         onEndReachedThreshold={0.5}
                         showsVerticalScrollIndicator={false}
+                        refreshControl={
+                           <RefreshControl
+                              refreshing={refreshing}
+                              onRefresh={handleRefresh}
+                           />
+                        }
                      />
                      :
                      <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada pengumuman</Text>