fix date of birth responsiveness and age not shown in death report (o…

…hcnetwork#7539) * fix date of birth responsiveness * fixes death report age * fix cypress test --------- Co-authored-by: Mohammed Nihal <[email protected]>
UdaySagar-Git · Apr 4, 2024 · a87a39b · a87a39b
1 parent ba73426
commit a87a39b
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/cypress/pageobject/Patient/PatientCreation.ts b/cypress/pageobject/Patient/PatientCreation.ts
@@ -46,7 +46,7 @@ export class PatientPage {
   }
 
   typePatientDateOfBirth(dateOfBirth: string) {
-    cy.clickAndSelectOption("#patientAge", "D.O.B");
+    cy.clickAndSelectOption("#patientAge", "DOB");
     cy.get("#date_of_birth").scrollIntoView();
     cy.get("#date_of_birth").should("be.visible").click();
     cy.get("#date-input").click().type(dateOfBirth);

diff --git a/src/Components/DeathReport/DeathReport.tsx b/src/Components/DeathReport/DeathReport.tsx
@@ -6,7 +6,7 @@ import TextFormField from "../Form/FormFields/TextFormField";
 import TextAreaFormField from "../Form/FormFields/TextAreaFormField";
 import DateFormField from "../Form/FormFields/DateFormField";
 import PhoneNumberFormField from "../Form/FormFields/PhoneNumberFormField";
-import { formatDateTime } from "../../Utils/utils";
+import { formatDateTime, patientAgeInYears } from "../../Utils/utils";
 import Page from "../Common/components/Page";
 import Form from "../Form/Form";
 import { useTranslation } from "react-i18next";
@@ -106,6 +106,7 @@ export default function PrintDeathReport(props: { id: string }) {
         const patientComorbidities = getPatientComorbidities(res.data);
         const data = {
           ...res.data,
+          age: patientAgeInYears(res.data!),
           gender: patientGender,
           address: patientAddress,
           comorbidities: patientComorbidities,

diff --git a/src/Components/Form/SelectMenuV2.tsx b/src/Components/Form/SelectMenuV2.tsx
@@ -102,7 +102,7 @@ const SelectMenuV2 = <T, V>(props: SelectMenuProps<T, V>) => {
                         {value.icon}
                       </div>
                     )}
-                    <p className="ml-2.5 break-all text-sm font-medium">
+                    <p className="ml-2.5 whitespace-nowrap break-all text-sm font-medium">
                       {value.selectedLabel}
                     </p>
                   </div>

diff --git a/src/Components/Patient/PatientRegister.tsx b/src/Components/Patient/PatientRegister.tsx
@@ -1335,7 +1335,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
                                   [
                                     {
                                       value: "date_of_birth",
-                                      text: "D.O.B.",
+                                      text: "DOB",
                                     },
                                     { value: "age", text: "Age" },
                                   ] as const

diff --git a/src/Utils/utils.ts b/src/Utils/utils.ts
@@ -405,6 +405,20 @@ const getRelativeDateSuffix = (abbreviated: boolean) => {
   };
 };
 
+export const patientAgeInYears = (obj: PatientModel) => {
+  const start = dayjs(
+    obj.date_of_birth
+      ? new Date(obj.date_of_birth)
+      : new Date(obj.year_of_birth!, 0, 1)
+  );
+
+  const end = dayjs(
+    obj.death_datetime ? new Date(obj.death_datetime) : new Date()
+  );
+
+  return end.diff(start, "years");
+};
+
 export const formatPatientAge = (obj: PatientModel, abbreviated = false) => {
   const suffixes = getRelativeDateSuffix(abbreviated);