import { Head, Link, useForm } from '@inertiajs/react'; import { useState } from 'react'; import { router } from '@inertiajs/react'; import { ConfirmDialog } from '@/components/admin/confirm-dialog'; import { ImageUpload } from '@/components/admin/image-upload'; import { RichText } from '@/components/admin/rich-text'; import { DatePicker } from '@/components/admin/date-picker'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; interface Post { id: number; title: string; excerpt: string | null; content: string | null; featured_image: string | null; status: string; published_at: string | null; } export default function PostEdit({ post }: { post: Post }) { const { data, setData, post: submit, processing, errors } = useForm<{ _method: string; title: string; excerpt: string; content: string; featured_image: File | null; featured_image_clear: boolean; status: string; published_at: string | null; }>({ _method: 'PUT', title: post.title, excerpt: post.excerpt ?? '', content: post.content ?? '', featured_image: null, featured_image_clear: false, status: post.status, published_at: post.published_at ? post.published_at.split('T')[0] : null, }); const [imageKey, setImageKey] = useState(0); const [confirmDelete, setConfirmDelete] = useState(false); return ( <>

{ e.preventDefault(); submit(`/admin/posts/${post.id}`); }} className="space-y-0">

News / Edit Post

Edit Post

{/* Main */}

Title * setData('title', e.target.value)} required /> {errors.title &&

{errors.title}

}

Excerpt setData('excerpt', v)} height={150} />

Content setData('content', v)} height={500} />

{/* Sidebar */}

Publish

Status

Publish Date setData('published_at', v)} />

Featured Image

{ setData('featured_image', file); setData('featured_image_clear', false); }} onClear={() => { setData('featured_image', null); setData('featured_image_clear', true); setImageKey((k) => k + 1); }} /> {errors.featured_image &&

{errors.featured_image}

}

router.delete(`/admin/posts/${post.id}`, { onSuccess: () => setConfirmDelete(false) })} /> ); }