From c24967a40207d0efaea758b8f09191105e6bf7de Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 11 Nov 2025 01:59:52 +0000
Subject: [PATCH] completionId: cgen-426e5e90844c46e8aa9c64ddfdbb47bc

cgen-426e5e90844c46e8aa9c64ddfdbb47bc
---
 client/components/admin/AdminStaffDirectory.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/client/components/admin/AdminStaffDirectory.tsx b/client/components/admin/AdminStaffDirectory.tsx
index d97db827..6f6b21da 100644
--- a/client/components/admin/AdminStaffDirectory.tsx
+++ b/client/components/admin/AdminStaffDirectory.tsx
@@ -1,8 +1,17 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Badge } from "@/components/ui/badge";
-import { Mail, Phone, MapPin, Search } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Mail, Phone, MapPin, Search, Edit2, X } from "lucide-react";
 import { useState, useMemo } from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 
 interface TeamMember {
   id: string;
@@ -18,6 +27,9 @@ interface TeamMember {
 
 export default function AdminStaffDirectory() {
   const [searchQuery, setSearchQuery] = useState("");
+  const [editingMember, setEditingMember] = useState<TeamMember | null>(null);
+  const [isEditDialogOpen, setIsEditDialogOpen] = useState(false);
+  const [formData, setFormData] = useState<TeamMember | null>(null);
 
   const teamMembers: TeamMember[] = [
     {