From 50450ccd760c21a37d51f825fac1b4837f474722 Mon Sep 17 00:00:00 2001
From: Andrii Solianyk <asolianik2015@gmail.com>
Date: Mon, 5 May 2025 12:37:56 +0200
Subject: [PATCH] refresh of the page with notices

---
 ArtisanConnect/app/(tabs)/notices.jsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/ArtisanConnect/app/(tabs)/notices.jsx b/ArtisanConnect/app/(tabs)/notices.jsx
index 035fff0..2ab42af 100644
--- a/ArtisanConnect/app/(tabs)/notices.jsx
+++ b/ArtisanConnect/app/(tabs)/notices.jsx
@@ -1,10 +1,12 @@
-import { FlatList, Text, ActivityIndicator } from "react-native";
+import { FlatList, Text, ActivityIndicator, RefreshControl } from "react-native";
+import { useState } from "react";
 import { listNotices } from "@/api/notices";
 import { useQuery } from "@tanstack/react-query";
 import { NoticeCard } from "@/components/NoticeCard";
 
 export default function Notices() {
-  const { data, isLoading, error } = useQuery({
+  const [refreshing, setRefreshing] = useState(false);
+  const { data, isLoading, error, refetch } = useQuery({
     queryKey: ["notices"],
     queryFn: listNotices,
   });
@@ -18,6 +20,12 @@ export default function Notices() {
     return <Text>Nie udało sie pobrać listy. {error.message}</Text>;
   }
 
+  const onRefresh = async () => {
+    setRefreshing(true);
+    await refetch();
+    setRefreshing(false);
+  };
+
   return (
     <FlatList
       key={2}
@@ -26,6 +34,14 @@ export default function Notices() {
       columnContainerClassName="m-2"
       columnWrapperClassName="gap-2 m-2"
       renderItem={({ item }) => <NoticeCard notice={item} />}
+      refreshControl={
+        <RefreshControl
+            refreshing={refreshing || isLoading}
+            onRefresh={onRefresh}
+            colors={["#3b82f6"]}
+            tintColor="#3b82f6"
+        />
+      }
     />
   );
 }