Added translations in encounter page and minor fixes in patient regis…

…tration form (#10264)
ohcnetwork · Feb 2, 2025 · 9b50dfa · 9b50dfa
1 parent 313f0b5
commit 9b50dfa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Patient/PatientInfoCard.tsx b/src/components/Patient/PatientInfoCard.tsx
@@ -101,7 +101,8 @@ export default function PatientInfoCard(props: PatientInfoCardProps) {
               >
                 {patient.name}
                 <div className="mt-[6px] text-sm font-semibold text-secondary-600">
-                  {formatPatientAge(patient, true)} • {patient.gender}
+                  {formatPatientAge(patient, true)} •{" "}
+                  {t(`GENDER__${patient.gender}`)}
                 </div>
               </div>
             </div>
@@ -114,7 +115,8 @@ export default function PatientInfoCard(props: PatientInfoCardProps) {
               >
                 {patient.name}
                 <div className="ml-3 mr-2 mt-[6px] text-sm font-semibold text-secondary-600">
-                  {formatPatientAge(patient, true)} • {patient.gender}
+                  {formatPatientAge(patient, true)} •{" "}
+                  {t(`GENDER__${patient.gender}`)}
                 </div>
               </div>
               <div className="grid gap-4 grid-cols-3 mt-2 md:mt-0">

diff --git a/src/components/Patient/PatientRegistration.tsx b/src/components/Patient/PatientRegistration.tsx
@@ -554,7 +554,15 @@ export default function PatientRegistration(
                             data-cy="age-input"
                           />
                         </FormControl>
+
                         <FormMessage />
+                        {form.getValues("age") && (
+                          <div className="text-violet-600 text-sm font-bold">
+                            {t("year_of_birth")}:{" "}
+                            {new Date().getFullYear() -
+                              Number(form.getValues("age"))}
+                          </div>
+                        )}
                       </FormItem>
                     )}
                   />
@@ -679,7 +687,7 @@ export default function PatientRegistration(
                 />
               </div>
 
-              <div className="grid grid-cols-2 gap-4">
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                 {form.watch("nationality") === "India" && (
                   <FormField
                     control={form.control}