updated gallery

resources/js/Pages/Forum/ForumEditPost.jsx

@@ -2,9 +2,12 @@ import React, { useState, useCallback } from 'react'
 import Breadcrumbs from '../../components/forum/Breadcrumbs'
 import Button from '../../components/ui/Button'
 import RichTextEditor from '../../components/forum/RichTextEditor'
+import TurnstileField from '../../components/security/TurnstileField'
+import { populateBotFingerprint } from '../../lib/security/botFingerprint'
 
-export default function ForumEditPost({ post, thread, csrfToken, errors = {} }) {
+export default function ForumEditPost({ post, thread, csrfToken, errors = {}, captcha = {} }) {
   const [content, setContent] = useState(post?.content ?? '')
+  const [captchaToken, setCaptchaToken] = useState('')
   const [submitting, setSubmitting] = useState(false)
 
   const breadcrumbs = [
@@ -18,6 +21,10 @@ export default function ForumEditPost({ post, thread, csrfToken, errors = {} })
     if (submitting) return
     setSubmitting(true)
     // Let the form submit normally for PRG
+    populateBotFingerprint(e.currentTarget).finally(() => {
+      e.currentTarget.submit()
+    })
+    e.preventDefault()
   }, [submitting])
 
   return (
@@ -39,6 +46,20 @@ export default function ForumEditPost({ post, thread, csrfToken, errors = {} })
       >
         <input type="hidden" name="_token" value={csrfToken} />
         <input type="hidden" name="_method" value="PUT" />
+        <input type="text" name="homepage_url" defaultValue="" autoComplete="off" className="hidden" aria-hidden="true" tabIndex={-1} />
+        <input type="hidden" name="_bot_fingerprint" value="" />
+        <input type="hidden" name={captcha.inputName || 'cf-turnstile-response'} value={captchaToken} />
+
+        {errors.bot ? (
+          <div className="rounded-xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-300">
+            {Array.isArray(errors.bot) ? errors.bot[0] : errors.bot}
+          </div>
+        ) : null}
+        {errors.captcha ? (
+          <div className="rounded-xl border border-amber-500/20 bg-amber-500/10 px-4 py-3 text-sm text-amber-200">
+            {Array.isArray(errors.captcha) ? errors.captcha[0] : errors.captcha}
+          </div>
+        ) : null}
 
         {/* Rich text editor */}
         <div>
@@ -56,6 +77,16 @@ export default function ForumEditPost({ post, thread, csrfToken, errors = {} })
           <input type="hidden" name="content" value={content} />
         </div>
 
+        {captcha.siteKey ? (
+          <TurnstileField
+            provider={captcha.provider}
+            siteKey={captcha.siteKey}
+            scriptUrl={captcha.scriptUrl}
+            onToken={setCaptchaToken}
+            className="rounded-lg border border-white/10 bg-black/20 p-3"
+          />
+        ) : null}
+
         {/* Actions */}
         <div className="flex items-center justify-between pt-2">
           <a