make casing consistent in validation

Author: jamesdoh0109

frontend/components/listings/form/SubletForm.tsx

@@ -40,11 +40,11 @@ export function SubletForm() {
       price: "",
       description: "",
       tags: [],
-      street_address: "",
+      streetAddress: "",
       beds: 0,
       baths: 0,
-      start_date: "",
-      end_date: "",
+      startDate: "",
+      endDate: "",
     },
   });
 
@@ -75,11 +75,11 @@ export function SubletForm() {
       price: String(parsePriceString(data.price)),
       listing_type: "sublet",
       additional_data: {
-        street_address: data.street_address,
+        street_address: data.streetAddress,
         beds: data.beds,
         baths: data.baths,
-        start_date: data.start_date,
-        end_date: data.end_date,
+        start_date: data.startDate,
+        end_date: data.endDate,
       },
     };
     mutate(payload);
@@ -90,13 +90,13 @@ export function SubletForm() {
   const subletFieldsAfterPrice = (
     <>
       <Controller
-        name="street_address"
+        name="streetAddress"
         control={control}
         render={({ field }) => (
           <FormField
             label="Street Address"
-            error={errors.street_address?.message}
-            touched={touchedFields.street_address}
+            error={errors.streetAddress?.message}
+            touched={touchedFields.streetAddress}
             labelSupplement={
               <span className="group relative inline-flex">
                 <Info
@@ -113,7 +113,7 @@ export function SubletForm() {
             <Input
               {...field}
               placeholder="123 Main St, Philadelphia, PA 19104"
-              aria-invalid={!!errors.street_address}
+              aria-invalid={!!errors.streetAddress}
               disabled={isFormDisabled}
               autoComplete="street-address"
             />
@@ -156,36 +156,36 @@ export function SubletForm() {
       </div>
       <div className="grid grid-cols-2 gap-4">
         <Controller
-          name="start_date"
+          name="startDate"
           control={control}
           render={({ field }) => (
             <FormField
               label="Start Date"
-              error={errors.start_date?.message}
-              touched={touchedFields.start_date}
+              error={errors.startDate?.message}
+              touched={touchedFields.startDate}
             >
               <Input
                 {...field}
                 type="date"
-                aria-invalid={!!errors.start_date}
+                aria-invalid={!!errors.startDate}
                 disabled={isFormDisabled}
               />
             </FormField>
           )}
         />
         <Controller
-          name="end_date"
+          name="endDate"
           control={control}
           render={({ field }) => (
             <FormField
               label="End Date"
-              error={errors.end_date?.message}
-              touched={touchedFields.end_date}
+              error={errors.endDate?.message}
+              touched={touchedFields.endDate}
             >
               <Input
                 {...field}
                 type="date"
-                aria-invalid={!!errors.end_date}
+                aria-invalid={!!errors.endDate}
                 disabled={isFormDisabled}
               />
             </FormField>

frontend/lib/validations.ts

@@ -125,19 +125,19 @@ export const createSubletSchema = z
       .max(5000, "Description must be less than 5000 characters"),
     price: priceSchema,
     tags: z.array(z.string().trim()),
-    street_address: z.string().trim().min(1, "Street address is required"),
+    streetAddress: z.string().trim().min(1, "Street address is required"),
     beds: z.number().int().min(0, "Beds must be 0 or more"),
     baths: z.number().int().min(0, "Baths must be 0 or more"),
-    start_date: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "Start date is required"),
-    end_date: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "End date is required"),
+    startDate: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "Start date is required"),
+    endDate: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "End date is required"),
   })
   .refine(
     (data) => {
-      const start = Date.parse(data.start_date);
-      const end = Date.parse(data.end_date);
+      const start = Date.parse(data.startDate);
+      const end = Date.parse(data.endDate);
       return Number.isFinite(start) && Number.isFinite(end) && end > start;
     },
-    { message: "End date must be after start date", path: ["end_date"] }
+    { message: "End date must be after start date", path: ["endDate"] }
   );
 
 export type CreateSubletFormData = z.infer<typeof createSubletSchema>;