From ccd27733311e84430e9a66e0b615cf0a81a765b0 Mon Sep 17 00:00:00 2001
From: Pallavi Kumari <pallavilpmt1995@gmail.com>
Date: Sat, 4 Oct 2025 12:58:30 +0530
Subject: [PATCH] refresh button on resources page

---
 src/components/ResourcesTable.tsx | 39 +++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/components/ResourcesTable.tsx b/src/components/ResourcesTable.tsx
index 7a645bc7..ad60c685 100644
--- a/src/components/ResourcesTable.tsx
+++ b/src/components/ResourcesTable.tsx
@@ -24,7 +24,8 @@ import {
     MoreHorizontal,
     ArrowUpRight,
     ShieldOff,
-    ShieldCheck
+    ShieldCheck,
+    RefreshCw
 } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
@@ -179,9 +180,27 @@ export default function ResourcesTable({
     const [internalColumnFilters, setInternalColumnFilters] =
         useState<ColumnFiltersState>([]);
     const [internalGlobalFilter, setInternalGlobalFilter] = useState<any>([]);
+    const [isRefreshing, setIsRefreshing] = useState(false);
 
     const currentView = searchParams.get("view") || defaultView;
 
+    const refreshData = async () => {
+        console.log("Data refreshed");
+        setIsRefreshing(true);
+        try {
+            await new Promise((resolve) => setTimeout(resolve, 200));
+            router.refresh();
+        } catch (error) {
+            toast({
+                title: t("error"),
+                description: t("refreshError"),
+                variant: "destructive"
+            });
+        } finally {
+            setIsRefreshing(false);
+        }
+    };
+
     useEffect(() => {
         const fetchSites = async () => {
             try {
@@ -753,7 +772,23 @@ export default function ResourcesTable({
                                 )}
                             </div>
                             <div className="flex items-center gap-2 sm:justify-end">
-                                {getActionButton()}
+                                <div>
+                                    {refreshData && (
+                                        <Button
+                                            variant="outline"
+                                            onClick={refreshData}
+                                            disabled={isRefreshing}
+                                        >
+                                            <RefreshCw
+                                                className={`mr-2 h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`}
+                                            />
+                                            {t("refresh")}
+                                        </Button>
+                                    )}
+                                </div>
+                                <div>
+                                    {getActionButton()}
+                                </div>
                             </div>
                         </CardHeader>
                         <CardContent>