fix: Standardize checkboxes to use MUI Checkbox component (#35) #36

Merged
egullickson merged 1 commits from issue-35-standardize-checkboxes into main 2026-01-15 03:06:12 +00:00
Owner

Summary

Fixes #35

  • Replace raw HTML <input type="checkbox"> with MUI <Checkbox> wrapped in <FormControlLabel>
  • Ensures consistent styling and theme integration (primary/red color)
  • Maintains all existing functionality (disabled states, onChange handlers, react-hook-form integration)

Changes

File Change
DocumentForm.tsx 2 checkboxes: shared vehicles list + scan for maintenance
VehicleForm.tsx 1 checkbox: TCO enabled toggle
SignupForm.tsx 1 checkbox: terms acceptance

Test Plan

  • DocumentForm: Create a manual document, verify "Scan for Maintenance Schedule" checkbox displays correctly with primary color and disabled state renders properly
  • DocumentForm: Edit an insurance document with multiple vehicles, verify shared vehicle checkboxes display correctly
  • VehicleForm: Create/edit a vehicle, verify TCO checkbox displays correctly
  • SignupForm: Visit signup page, verify terms checkbox displays correctly with clickable link
  • All checkboxes work on both desktop and mobile viewports
  • Dark mode styling renders correctly

🤖 Generated with Claude Code

## Summary Fixes #35 - Replace raw HTML `<input type="checkbox">` with MUI `<Checkbox>` wrapped in `<FormControlLabel>` - Ensures consistent styling and theme integration (primary/red color) - Maintains all existing functionality (disabled states, onChange handlers, react-hook-form integration) ## Changes | File | Change | |------|--------| | `DocumentForm.tsx` | 2 checkboxes: shared vehicles list + scan for maintenance | | `VehicleForm.tsx` | 1 checkbox: TCO enabled toggle | | `SignupForm.tsx` | 1 checkbox: terms acceptance | ## Test Plan - [ ] DocumentForm: Create a manual document, verify "Scan for Maintenance Schedule" checkbox displays correctly with primary color and disabled state renders properly - [ ] DocumentForm: Edit an insurance document with multiple vehicles, verify shared vehicle checkboxes display correctly - [ ] VehicleForm: Create/edit a vehicle, verify TCO checkbox displays correctly - [ ] SignupForm: Visit signup page, verify terms checkbox displays correctly with clickable link - [ ] All checkboxes work on both desktop and mobile viewports - [ ] Dark mode styling renders correctly 🤖 Generated with [Claude Code](https://claude.com/claude-code)
egullickson added 1 commit 2026-01-15 03:01:20 +00:00
fix: standardize checkboxes to use MUI Checkbox component (refs #35)
All checks were successful
Deploy to Staging / Build Images (pull_request) Successful in 2m41s
Deploy to Staging / Deploy to Staging (pull_request) Successful in 38s
Deploy to Staging / Verify Staging (pull_request) Successful in 7s
Deploy to Staging / Notify Staging Ready (pull_request) Successful in 6s
Deploy to Staging / Notify Staging Failure (pull_request) Has been skipped
8c570288f9
Replace raw HTML checkboxes with MUI Checkbox wrapped in FormControlLabel
for consistent styling and theme integration across:
- DocumentForm.tsx (shared vehicles + scan maintenance checkboxes)
- VehicleForm.tsx (TCO enabled checkbox)
- SignupForm.tsx (terms acceptance checkbox)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
egullickson merged commit 6fa643f6a4 into main 2026-01-15 03:06:12 +00:00
egullickson deleted branch issue-35-standardize-checkboxes 2026-01-15 03:06:13 +00:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: egullickson/motovaultpro#36