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

2026-01-15T03:01:20Z

egullickson commented

2026-01-15 03:01:20 +00:00

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 )

Deploy to Staging / Build Images (pull_request) Successful in 2m41s

Details

Deploy to Staging / Deploy to Staging (pull_request) Successful in 38s

Details

Deploy to Staging / Verify Staging (pull_request) Successful in 7s

Details

Deploy to Staging / Notify Staging Ready (pull_request) Successful in 6s

Details

Deploy to Staging / Notify Staging Failure (pull_request) Has been skipped

Details

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 <[email protected]>

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

egullickson referenced this issue from a commit

2026-01-15 03:06:14 +00:00

Merge pull request 'fix: Standardize checkboxes to use MUI Checkbox component (#35)' (#36) from issue-35-standardize-checkboxes into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: egullickson/motovaultpro#36