completionId: cgen-426e5e90844c46e8aa9c64ddfdbb47bc

cgen-426e5e90844c46e8aa9c64ddfdbb47bc
This commit is contained in:
Builder.io 2025-11-11 01:59:52 +00:00
parent e2f64c5980
commit c24967a402

View file

@ -1,8 +1,17 @@
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Badge } from "@/components/ui/badge"; 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 { useState, useMemo } from "react";
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
interface TeamMember { interface TeamMember {
id: string; id: string;
@ -18,6 +27,9 @@ interface TeamMember {
export default function AdminStaffDirectory() { export default function AdminStaffDirectory() {
const [searchQuery, setSearchQuery] = useState(""); 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[] = [ const teamMembers: TeamMember[] = [
{ {