import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem, DynamicPage } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, CardContent, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Input } from "@/components/ui/input" import InputError from '@/components/input-error'; import { Button, buttonVariants } from '@/components/ui/button'; import { Label } from '@/components/ui/label'; import { FormEventHandler } from 'react'; import ReactQuill from 'react-quill-new'; import 'react-quill-new/dist/quill.snow.css'; interface Props { dynamicPage: DynamicPage; } type EditDynamicPageForm = { page_title: string; page_slug: string; page_content: string; }; export default function Edit({ dynamicPage }: Props) { const { data, setData, errors, put, reset, processing } = useForm({ page_title: dynamicPage.page_title, page_slug: dynamicPage.page_slug || '', page_content: dynamicPage.page_content || '', }); const updatePage: FormEventHandler = (e) => { e.preventDefault(); put(route('dynamic_page.update', dynamicPage.id), { preserveScroll: true, }); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dynamic Page Edit', href: `/dynamic_page/${dynamicPage.id}/edit`, }, ]; return (
Dynamic Pages List
Edit Dynamic Page
setData('page_title', e.target.value)} placeholder="Enter the page title" disabled={processing} readOnly />
{/*
setData('page_slug', e.target.value)} placeholder="Ex: about-us (leave empty to auto-generate from title)" disabled={processing} />
*/}
setData('page_content', content)} className="h-[300px]" readOnly={processing} />
); }