egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: drop downs not populating on edit
All checks were successful
Deploy to Staging / Build Images (push) Successful in 2m33s
Details
Deploy to Staging / Deploy to Staging (push) Successful in 37s
Details
Deploy to Staging / Verify Staging (push) Successful in 6s
Details
Deploy to Staging / Notify Staging Ready (push) Successful in 5s
Details
Deploy to Staging / Notify Staging Failure (push) Has been skipped
Details

Browse Source
This commit is contained in:
Eric Gullickson
2025-12-31 16:14:05 -06:00
parent c27959f045
commit 7631d961c5
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/features/vehicles/components/VehicleForm.tsx
View File

@@ -114,6 +114,8 @@ export const VehicleForm: React.FC<VehicleFormProps> = ({
const watchedMake = watch('make'); const watchedMake = watch('make');
const watchedModel = watch('model'); const watchedModel = watch('model');
const watchedTrim = watch('trimLevel'); const watchedTrim = watch('trimLevel');
const watchedEngine = watch('engine');
const watchedTransmission = watch('transmission');
// Load years on component mount // Load years on component mount
useEffect(() => { useEffect(() => {
@@ -560,6 +562,10 @@ export const VehicleForm: React.FC<VehicleFormProps> = ({
</label> </label>
<select <select
{...register('engine')} {...register('engine')}
value={watchedEngine || ''}
onChange={(e) => {
setValue('engine', e.target.value);
}}
className="w-full px-3 py-2 border rounded-md min-h-[44px] bg-white text-gray-900 border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 dark:bg-scuro dark:text-avus dark:border-silverstone dark:focus:ring-abudhabi dark:focus:border-abudhabi" className="w-full px-3 py-2 border rounded-md min-h-[44px] bg-white text-gray-900 border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 dark:bg-scuro dark:text-avus dark:border-silverstone dark:focus:ring-abudhabi dark:focus:border-abudhabi"
disabled={loadingDropdowns || !watchedTrim || engines.length === 0} disabled={loadingDropdowns || !watchedTrim || engines.length === 0}
style={{ fontSize: '16px' }} style={{ fontSize: '16px' }}
@@ -588,6 +594,10 @@ export const VehicleForm: React.FC<VehicleFormProps> = ({
</label> </label>
<select <select
{...register('transmission')} {...register('transmission')}
value={watchedTransmission || ''}
onChange={(e) => {
setValue('transmission', e.target.value);
}}
className="w-full px-3 py-2 border rounded-md min-h-[44px] bg-white text-gray-900 border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 dark:bg-scuro dark:text-avus dark:border-silverstone dark:focus:ring-abudhabi dark:focus:border-abudhabi" className="w-full px-3 py-2 border rounded-md min-h-[44px] bg-white text-gray-900 border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 dark:bg-scuro dark:text-avus dark:border-silverstone dark:focus:ring-abudhabi dark:focus:border-abudhabi"
disabled={loadingDropdowns || !watchedTrim || transmissions.length === 0} disabled={loadingDropdowns || !watchedTrim || transmissions.length === 0}
style={{ fontSize: '16px' }} style={{ fontSize: '16px' }}