fix(faq): toggle worked server-side but click did nothing — nested forms

Filament pages wrap their content in an outer <form>. My inline
<form method="POST"> for the hint toggle + reset was nested inside
that outer form — invalid HTML, so browsers dropped my submit and
either did nothing or ran the outer Livewire form's handler.

Replaced both forms with plain <button type="button"> + onclick
fetch() POST + window.location.reload(). Controller now also returns
JSON when Accept: application/json (fetch sends that) instead of a
back() redirect.

The server-side flip was always correct — verified via a Feature
test that posts to /app/hints/toggle and asserts the user column
flipped from true → false.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-01 11:04:24 +00:00
parent 6dba81502b
commit 346fcf968f
2 changed files with 33 additions and 16 deletions
+6
View File
@@ -26,6 +26,9 @@ class HintController extends Controller
abort_unless($user, 401);
$user->hints_enabled = ! $user->hints_enabled;
$user->save();
if ($request->expectsJson()) {
return response()->json(['ok' => true, 'hints_enabled' => (bool) $user->hints_enabled]);
}
return back();
}
@@ -37,6 +40,9 @@ class HintController extends Controller
$user->dismissed_hints = [];
$user->hints_enabled = true;
$user->save();
if ($request->expectsJson()) {
return response()->json(['ok' => true]);
}
return back();
}
}