From cfda7e8d56202e455138ee486d2a85ec222439c5 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 28 Oct 2025 18:19:16 +0000
Subject: [PATCH] feat: Add refresh button to Admin Inbox

---
 src/pages/admin/AdminContact.tsx | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/pages/admin/AdminContact.tsx b/src/pages/admin/AdminContact.tsx
index 3755787b..a1bd1987 100644
--- a/src/pages/admin/AdminContact.tsx
+++ b/src/pages/admin/AdminContact.tsx
@@ -14,6 +14,7 @@ import {
   ArrowUpRight,
   ArrowDownLeft,
   Loader2,
+  RefreshCw,
 } from 'lucide-react';
 import { supabase } from '@/integrations/supabase/client';
 import { Button } from '@/components/ui/button';
@@ -259,6 +260,10 @@ export default function AdminContact() {
     return cat?.label || category;
   };
 
+  const handleRefreshSubmissions = () => {
+    queryClient.invalidateQueries({ queryKey: ['admin-contact-submissions'] });
+  };
+
   // Show loading state while roles are being fetched
   if (rolesLoading) {
     return (
@@ -335,11 +340,22 @@ export default function AdminContact() {
   return (
     <AdminLayout>
       {/* Header */}
-      <div className="mb-8">
-        <h1 className="text-4xl font-bold mb-2">Contact Submissions</h1>
-        <p className="text-muted-foreground">
-          Manage and respond to user contact form submissions
-        </p>
+      <div className="mb-8 flex items-start justify-between">
+        <div>
+          <h1 className="text-4xl font-bold mb-2">Contact Submissions</h1>
+          <p className="text-muted-foreground">
+            Manage and respond to user contact form submissions
+          </p>
+        </div>
+        <Button
+          variant="outline"
+          size="icon"
+          onClick={handleRefreshSubmissions}
+          disabled={isLoading}
+          title="Refresh submissions"
+        >
+          <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
+        </Button>
       </div>
 
       {/* Stats Cards */}