Wire admin studio SSR and search infrastructure

resources/js/Pages/Forum/ForumEditPost.jsx

@@ -4,8 +4,9 @@ import Button from '../../components/ui/Button'
 import RichTextEditor from '../../components/forum/RichTextEditor'
 import TurnstileField from '../../components/security/TurnstileField'
 import { populateBotFingerprint } from '../../lib/security/botFingerprint'
+import SeoHead from '../../components/seo/SeoHead'
 
-export default function ForumEditPost({ post, thread, csrfToken, errors = {}, captcha = {} }) {
+export default function ForumEditPost({ post, thread, csrfToken, errors = {}, captcha = {}, seo = {} }) {
   const [content, setContent] = useState(post?.content ?? '')
   const [captchaToken, setCaptchaToken] = useState('')
   const [submitting, setSubmitting] = useState(false)
@@ -19,16 +20,22 @@ export default function ForumEditPost({ post, thread, csrfToken, errors = {}, ca
 
   const handleSubmit = useCallback((e) => {
     if (submitting) return
-    setSubmitting(true)
-    // Let the form submit normally for PRG
-    populateBotFingerprint(e.currentTarget).finally(() => {
-      e.currentTarget.submit()
-    })
+
     e.preventDefault()
+    setSubmitting(true)
+
+    const form = e.currentTarget
+
+    // Let the form submit normally for PRG.
+    populateBotFingerprint(form).finally(() => {
+      form?.submit()
+    })
   }, [submitting])
 
   return (
-    <div className="px-4 pt-10 pb-20 sm:px-6 lg:px-8 max-w-3xl mx-auto">
+    <>
+      <SeoHead seo={seo} />
+      <div className="px-4 pt-10 pb-20 sm:px-6 lg:px-8 max-w-3xl mx-auto">
       <Breadcrumbs items={breadcrumbs} />
 
       {/* Header */}
@@ -101,5 +108,6 @@ export default function ForumEditPost({ post, thread, csrfToken, errors = {}, ca
         </div>
       </form>
     </div>
+    </>
   )
 }