revert formatting changes

I-TECH-UW · Nov 15, 2023 · 952e825 · 952e825
1 parent 121e13e
commit 952e825
Show file tree

Hide file tree

Showing 3 changed files with 491 additions and 489 deletions.
diff --git a/frontend/src/components/patient/CreatePatientForm.js b/frontend/src/components/patient/CreatePatientForm.js
@@ -107,23 +107,26 @@ function CreatePatientForm(props) {
     }));
   };
 
-  function handleYearsChange(e) {
+  function handleYearsChange(e, values) {
+    setPatientDetails(values);
     let years = e.target.value;
     setDateOfBirthFormatter({
       ...dateOfBirthFormatter,
       years: years,
     });
   }
 
-  function handleMonthsChange(e) {
+  function handleMonthsChange(e, values) {
+    setPatientDetails(values);
     let months = e.target.value;
     setDateOfBirthFormatter({
       ...dateOfBirthFormatter,
       months: months,
     });
   }
 
-  function handleDaysChange(e) {
+  function handleDaysChange(e, values) {
+    setPatientDetails(values);
     let days = e.target.value;
     setDateOfBirthFormatter({
       ...dateOfBirthFormatter,
@@ -380,7 +383,7 @@ function CreatePatientForm(props) {
               </Field>
             </div>
             <Accordion>
-              <AccordionItem title="Emergency Contact Information">
+              <AccordionItem title={intl.formatMessage({ id: "emergencyContactInfo.title" })}>
                 <div className="inlineDiv">
                   <Field name="patientContact.person.lastName">
                     {({ field }) => (
@@ -492,18 +495,10 @@ function CreatePatientForm(props) {
                     className="inputText"
                     id="create_patient_gender"
                   >
-                    <RadioButton
-                      id="radio-1"
-                      labelText={intl.formatMessage({ id: "patient.male" })}
-                      value="M"
-                    />
-                    <RadioButton
-                      id="radio-2"
-                      labelText={intl.formatMessage({
+                    <RadioButton id="radio-1" labelText={intl.formatMessage({ id: "patient.male" })} value="M" />
+                    <RadioButton id="radio-2"                       labelText={intl.formatMessage({
                         id: "patient.female",
-                      })}
-                      value="F"
-                    />
+                      })} value="F" />
                   </RadioButtonGroup>
                 )}
               </Field>
@@ -523,7 +518,9 @@ function CreatePatientForm(props) {
                     <DatePickerInput
                       id="date-picker-default-id"
                       placeholder="dd/mm/yyyy"
-                      labelText={intl.formatMessage({ id: "patient.dob" })}
+                      labelText={intl.formatMessage({
+                        id: "patient.female",
+                      })}
                       type="text"
                       name={field.name}
                     />
@@ -534,25 +531,30 @@ function CreatePatientForm(props) {
               <TextInput
                 value={dateOfBirthFormatter.years}
                 name="years"
-                labelText={intl.formatMessage({ id: "patient.age.years" })}
+                labelText={intl.formatMessage({
+                  id: "patient.female",
+                })}
                 id="years"
-                onChange={handleYearsChange}
+                type="number"
+                onChange={(e) => handleYearsChange(e, values)}
                 className="inputText"
               />
 
               <TextInput
                 value={dateOfBirthFormatter.months}
                 name="months"
                 labelText={intl.formatMessage({ id: "patient.age.months" })}
-                onChange={handleMonthsChange}
+                type="number"
+                onChange={(e) => handleMonthsChange(e, values)}
                 id="months"
                 className="inputText"
               />
 
               <TextInput
                 value={dateOfBirthFormatter.days}
                 name="days"
-                onChange={handleDaysChange}
+                type="number"
+                onChange={(e) => handleDaysChange(e, values)}
                 labelText={intl.formatMessage({ id: "patient.age.days" })}
                 id="days"
                 className="inputText"