feat: use currency type for dollar amount inputs

bloom-housing · Jun 28, 2024 · 68c56f0 · 68c56f0
1 parent 1de824b
commit 68c56f0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/...artners/src/components/applications/PaperApplicationForm/sections/FormHouseholdIncome.tsx b/...artners/src/components/applications/PaperApplicationForm/sections/FormHouseholdIncome.tsx
@@ -13,7 +13,7 @@ const FormHouseholdIncome = () => {
   const formMethods = useFormContext()
 
   // eslint-disable-next-line @typescript-eslint/unbound-method
-  const { errors, register, setValue, trigger, watch } = formMethods
+  const { errors, register, getValues, setValue, trigger, watch } = formMethods
 
   const incomePeriodValue: string = watch("application.incomePeriod")
 
@@ -63,13 +63,14 @@ const FormHouseholdIncome = () => {
           <Grid.Cell>
             <Field
               id="incomeYear"
-              type="text"
+              type="currency"
+              getValues={getValues}
+              setValue={setValue}
               name="incomeYear"
               label={t("application.details.annualIncome")}
               placeholder={t("t.enterAmount")}
               register={register}
               disabled={incomePeriodValue !== IncomePeriodEnum.perYear}
-              validation={{ pattern: /^[0-9.]+$/ }}
               error={fieldHasError(errors?.incomeYear)}
               errorMessage={t("errors.numberError")}
             />
@@ -78,13 +79,14 @@ const FormHouseholdIncome = () => {
           <Grid.Cell>
             <Field
               id="incomeMonth"
-              type="text"
+              type="currency"
+              getValues={getValues}
+              setValue={setValue}
               name="incomeMonth"
               label={t("application.details.monthlyIncome")}
               placeholder={t("t.enterAmount")}
               register={register}
               disabled={incomePeriodValue !== IncomePeriodEnum.perMonth}
-              validation={{ pattern: /^[0-9.]+$/ }}
               error={fieldHasError(errors?.incomeMonth)}
               errorMessage={t("errors.numberError")}
             />

diff --git a/sites/partners/src/components/listings/PaperListingForm/UnitForm.tsx b/sites/partners/src/components/listings/PaperListingForm/UnitForm.tsx
@@ -92,7 +92,7 @@ const UnitForm = ({ onSubmit, onClose, defaultUnit, nextId, draft }: UnitFormPro
           className={errors[fieldName] ? "error" : ""}
           error={errors[fieldName]}
           errorMessage={t("errors.requiredFieldError")}
-          validation={{ required: !!amiChartID, pattern: /^[0-9.]+$/ }}
+          validation={{ required: !!amiChartID }}
           inputProps={{
             onChange: () => {
               clearErrors(fieldName)

diff --git a/sites/partners/src/components/listings/PaperListingForm/sections/AdditionalFees.tsx b/sites/partners/src/components/listings/PaperListingForm/sections/AdditionalFees.tsx
@@ -15,7 +15,7 @@ const AdditionalFees = (props: AdditionalFeesProps) => {
   const formMethods = useFormContext()
   const { profile } = useContext(AuthContext)
   // eslint-disable-next-line @typescript-eslint/unbound-method
-  const { register, watch, errors, clearErrors } = formMethods
+  const { register, watch, errors, clearErrors, getValues, setValue } = formMethods
 
   const jurisdiction = watch("jurisdiction.id")
 
@@ -47,6 +47,8 @@ const AdditionalFees = (props: AdditionalFeesProps) => {
               id={"applicationFee"}
               register={register}
               type={"currency"}
+              getValues={getValues}
+              setValue={setValue}
               prepend={"$"}
               placeholder={"0.00"}
             />
@@ -58,6 +60,8 @@ const AdditionalFees = (props: AdditionalFeesProps) => {
               id={"depositMin"}
               register={register}
               type={"currency"}
+              getValues={getValues}
+              setValue={setValue}
               prepend={"$"}
               placeholder={"0.00"}
               error={fieldHasError(errors?.depositMin)}
@@ -74,6 +78,8 @@ const AdditionalFees = (props: AdditionalFeesProps) => {
               id={"depositMax"}
               register={register}
               type={"currency"}
+              getValues={getValues}
+              setValue={setValue}
               prepend={"$"}
               placeholder={"0.00"}
               error={fieldHasError(errors?.depositMax)}