import { Head, Link } from '@inertiajs/react'; import { Calendar, FileText, LayoutGrid, List, MoreVertical, Plus, Search, Pencil, Trash2, } from 'lucide-react'; import { useState } from 'react'; import { DeleteProjectDialog } from '@/components/projects/delete-project-dialog'; import { EditProjectDialog } from '@/components/projects/edit-project-dialog'; import { Button } from '@/components/ui/button'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; const DUMMY_DRAFTS = [ { id: 101, name: 'New Brand Identity', slug: 'new-brand-identity', description: 'Initial conceptualization for the company rebrand. Gathering inspiration and moodboards.', status: 'Draft', tasks: 0, members: 1, date: 'Oct 20, 2024', color: 'bg-neutral-500', }, { id: 102, name: 'Mobile App Wireframes', slug: 'mobile-app-wireframes', description: 'First draft of the mobile application layout and user flow diagrams.', status: 'Draft', tasks: 0, members: 2, date: 'Oct 22, 2024', color: 'bg-stone-500', }, ]; export default function Drafts() { const [view, setView] = useState<'grid' | 'list'>('grid'); const [editingProject, setEditingProject] = useState(null); const [deletingProject, setDeletingProject] = useState(null); return ( <>

{/* Header Section */}

Draft Projects

Review and finalize your project drafts before starting them.

{/* Info Card - Why Drafts? */}

Project Preparation

Projects in draft status are not visible to entire teams. Use this space to plan your workflow, set milestones, and invite key members before officially launching.

{/* Drafts Grid */}

{DUMMY_DRAFTS.map((project) => (

setEditingProject(project)} className="gap-2 cursor-pointer focus:bg-orange-50 dark:focus:bg-orange-900/20 focus:text-orange-600" > Edit Draft setDeletingProject(project)} className="gap-2 cursor-pointer text-red-600 focus:bg-red-50 dark:focus:bg-red-900/20 focus:text-red-600" > Delete Draft

{project.name}

{project.description}

+{project.members}

Created {project.date}

))} {/* Add New Draft Placeholder */}

!open && setEditingProject(null)} /> !open && setDeletingProject(null)} />

); } Drafts.layout = { breadcrumbs: [ { title: 'Drafts', href: draft(), }, ], };