import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AppLayout from '@/layouts/app-layout'; import dashboard from '@/routes/dashboard'; import { Head, useForm } from '@inertiajs/react'; import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation'; import FilePondPluginImagePreview from 'filepond-plugin-image-preview'; import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css'; import 'filepond/dist/filepond.min.css'; import { registerPlugin } from 'react-filepond'; import { toast } from 'sonner'; registerPlugin(FilePondPluginImageExifOrientation, FilePondPluginImagePreview); export default function FaqAdd() { const { data, setData, post, processing, errors, wasSuccessful } = useForm({ question: '', answer: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(dashboard.faq.addFaq().url, { forceFormData: true, }); if (wasSuccessful) { toast.success('Product added successfully'); } }; return (

Add FAQ Questions

Question setData('question', e.target.value) } className="rounded border p-2" /> {errors.question && ( {errors.question} )}

Answer setData('answer', e.target.value)} className="rounded border p-2" /> {errors.answer && ( {errors.answer} )}

); }