import { Head, usePage } from '@inertiajs/react'; import { Collection, Project, BreadcrumbItem, SharedData, Field } from '@/types/index.d'; import AppLayout from '@/layouts/app-layout'; import { Separator } from '@/components/ui/separator'; import ProjectSidebar from '@/pages/Projects/ProjectSidebar'; import ContentList from '@/pages/Content/ContentList'; import ContentForm from '@/pages/Content/ContentForm'; import ProjectsLayout from '../Projects/layout'; interface Props { project: Project; collection: Collection & { fields: Field[]; }; contentEntry?: any; formData?: Record; isEditMode?: boolean; } export default function Show({ project, collection, contentEntry, formData, isEditMode }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: project.name, href: route('projects.show', { project: project.id }), }, { title: collection.name, href: route('projects.collections.show', { project: project.id, collection: collection.id }), }, ]; const page = usePage(); const isContentCreatePage = page.url.includes('content/create'); const isContentEditPage = page.url.includes('content') && page.url.includes('edit'); const showContentForm = isContentCreatePage || isContentEditPage || isEditMode; // Add appropriate breadcrumb if (isContentCreatePage) { breadcrumbs.push({ title: 'Create Content', href: route('projects.collections.content.create', { project: project.id, collection: collection.id }), }); } else if (isContentEditPage || isEditMode) { breadcrumbs.push({ title: 'Edit Content', href: contentEntry ? route('projects.collections.content.edit', { project: project.id, collection: collection.id, contentEntry: contentEntry.id }) : '#', }); } return (

{!showContentForm && } {showContentForm && ( )}

); }