SLP_Software/slp-modular-cms
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

fix(ui): Add type=button to FormErrorBanner dismiss to prevent form resubmit

Browse Source 
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Sluijsens
2026-06-22 11:20:48 +02:00
co-authored by Claude Haiku 4.5
parent 2f381d8407
commit 27490356cb
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/FormErrorBanner.tsx
+1
View File
@@ -22,6 +22,7 @@ export function FormErrorBanner({ error, onDismiss }: FormErrorBannerProps) {
<p className="text-sm font-medium">{error.message}</p> <p className="text-sm font-medium">{error.message}</p>
</div> </div>
<button <button
type="button"
onClick={onDismiss} onClick={onDismiss}
className="flex-shrink-0 text-red-600 hover:text-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 rounded" className="flex-shrink-0 text-red-600 hover:text-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 rounded"
aria-label="Dismiss error" aria-label="Dismiss error"