OHCS-73 OHCS-100 OH2-232 OHCS-107 | Remove material field all over th…

…e app and fix patient without picture (#519)

* Remove material field form lab form

* Fix the year field in visits filter form

* Remove material in the entire app

* Remove material field from patient summary

* Fix patient blob photo to null if not provided

* Fix error being displayed in patient visit even if nothing has been submitted

* Fix CSS issues in patient activities, admission and summary

src/components/accessories/currentAdmission/styles.scss

@@ -36,6 +36,10 @@
         &.fullWidth {
           width: 100%;
         }
+
+        .item_content {
+          word-break: break-word;
+        }
       }
       .item_label {
         font-size: 0.85em;

src/components/accessories/laboratory/examForm/ExamForm.tsx

@@ -130,6 +130,7 @@ const ExamForm: FC<ExamProps> = ({
     } else {
       lab.status = LaboratoryDTOStatusEnum.OPEN;
     }
+    lab.material = "Undefined";
 
     if (!creationMode && labToEdit.code) {
       dispatch(updateLab(labToEdit.code, labWithRowsDTO));
@@ -165,7 +166,7 @@ const ExamForm: FC<ExamProps> = ({
         },
       }),
     exam: string().required(t("common.required")),
-    material: string().required(t("common.required")),
+    ///material: string().required(t("common.required")),
     result: string(),
     note: string().test({
       name: "maxLength",
@@ -392,7 +393,7 @@ const ExamForm: FC<ExamProps> = ({
                 disabled={false}
               />
             </div>
-            <div className="patientExamForm__item">
+            {/* <div className="patientExamForm__item">
               <AutocompleteField
                 fieldName="material"
                 fieldValue={formik.values.material}
@@ -404,8 +405,8 @@ const ExamForm: FC<ExamProps> = ({
                 options={materialsOptionsSelector(materialsList)}
                 disabled={isLoading}
               />
-            </div>
-            <div className="patientExamForm__item fullWidth">
+            </div> */}
+            <div className="patientExamForm__item">
               <AutocompleteField
                 fieldName="exam"
                 fieldValue={formik.values.exam}

src/components/accessories/laboratory/examRequestForm/ExamRequestForm.tsx

@@ -126,7 +126,7 @@ const ExamRequestForm: FC<ExamRequestProps> = ({
         ? LaboratoryDTOInOutPatientEnum.O
         : LaboratoryDTOInOutPatientEnum.I
       : LaboratoryDTOInOutPatientEnum.O;
-    lab.material = ""; // material needs to be removed from backend env
+    lab.material = "Undefined";
     lab.result = "";
     lab.status = LaboratoryDTOStatusEnum.DRAFT;
 

src/components/accessories/opds/filter/OpdFilterForm.tsx

@@ -221,7 +221,9 @@ export const OpdFilterForm: FC<IOpdFilterProps> = ({ fields, onSubmit }) => {
       }
 
       if (fieldName === "year") {
-        const year = val?.getUTCFullYear() ?? new Date().getUTCFullYear();
+        // Use getUTCFullYear() can result to wrong year as timezone can
+        // differ from one user to another, get the year as input instead
+        const year = val?.getFullYear() ?? new Date().getFullYear();
 
         let startMonth = 0;
         let endMonth = 11;

src/components/accessories/patientDataForm/PatientDataForm.tsx

@@ -1,6 +1,7 @@
 import { useFormik } from "formik";
 import get from "lodash.get";
 import has from "lodash.has";
+import isEmpty from "lodash.isempty";
 import React, {
   FunctionComponent,
   useCallback,
@@ -127,6 +128,9 @@ const PatientDataForm: FunctionComponent<TProps> = ({
 
       onSubmit({
         ...formattedValues,
+        blobPhoto: isEmpty(formattedValues.blobPhoto)
+          ? null
+          : formattedValues.blobPhoto,
         birthDate: birthDate,
         age: age,
         agetype: "",

src/components/accessories/patientExams/ExamForm/ExamForm.tsx

@@ -263,7 +263,7 @@ const ExamForm: FC<ExamProps> = ({
                 disabled={isLoading}
               />
             </div>
-            <div className="patientExamForm__item">
+            {/* <div className="patientExamForm__item">
               <AutocompleteField
                 fieldName="material"
                 fieldValue={formik.values.material}
@@ -275,7 +275,7 @@ const ExamForm: FC<ExamProps> = ({
                 options={materialsOptionsSelector(materialsList)}
                 disabled={isLoading}
               />
-            </div>
+            </div> */}
             <div className="patientExamForm__item fullWidth">
               <AutocompleteField
                 fieldName="exam"

src/components/accessories/patientExams/PatientExams.tsx

@@ -126,7 +126,7 @@ const PatientExams: FC = () => {
         ? LaboratoryDTOInOutPatientEnum.O
         : LaboratoryDTOInOutPatientEnum.I
       : LaboratoryDTOInOutPatientEnum.O;
-    lab.material = "angal.lab.urine";
+    lab.material = "Undefined";
     if (!creationMode && labToEdit.code) {
       lab.code = labToEdit.code;
       lab.lock = labToEdit.lock;

src/components/accessories/patientExams/patientExamRequestsTable/PatientExamRequestsTable.tsx

@@ -36,7 +36,7 @@ const PatientExamRequestsTable: FunctionComponent<IOwnProps> = ({
     exam: t("lab.exam"),
     status: t("lab.status"),
     note: t("lab.note"),
-    material: t("lab.material"),
+    //material: t("lab.material"),
   };
   const order = ["date", "exam", "status"];
 
@@ -63,7 +63,7 @@ const PatientExamRequestsTable: FunctionComponent<IOwnProps> = ({
         date: item.labDate ? renderDate(item.labDate) : "",
         status: item.status ? statusLabel(item.status) : "",
         exam: item.exam?.description ?? "",
-        material: item.material ? t(item.material) : "",
+        //material: item.material ? t(item.material) : "",
         note: item.note ?? "",
       };
     });

src/components/accessories/patientExams/patientExamsTable/PatientExamsTable.tsx

@@ -37,7 +37,7 @@ const PatientExamsTable: FunctionComponent<IOwnProps> = ({
     result: t("lab.result"),
     note: t("lab.note"),
     status: t("lab.status"),
-    material: t("lab.material"),
+    //material: t("lab.material"),
   };
   const order = ["date", "exam", "status"];
 
@@ -74,9 +74,9 @@ const PatientExamsTable: FunctionComponent<IOwnProps> = ({
         status: item.laboratoryDTO?.status
           ? statusLabel(item.laboratoryDTO.status)
           : "",
-        material: item.laboratoryDTO?.material
-          ? t(item.laboratoryDTO.material)
-          : "",
+        // material: item.laboratoryDTO?.material
+        //   ? t(item.laboratoryDTO.material)
+        //   : "",
       };
     });
     //   .sort(dateComparator("desc", "date"));

src/components/accessories/patientSummary/useSummaryMetaData.tsx

@@ -39,7 +39,7 @@ const useSummaryMetaData = () => {
     pex_auscultation: t("examination.auscultation"),
     pex_note: t("examination.note"),
     exam: t("lab.exam"),
-    material: t("lab.material"),
+    //material: t("lab.material"),
     labDate: t("lab.date"),
     startDate: t("therapy.startDate"),
     endDate: t("therapy.endDate"),

src/components/accessories/table/styles.scss

@@ -43,5 +43,8 @@
         }
       }
     }
+    .collapseItem_row {
+      word-break: break-all;
+    }
   }
 }

src/components/activities/editPatientActivity/EditPatientActivity.tsx

@@ -42,6 +42,15 @@ const EditPatientActivity: FunctionComponent<TProps> = ({
   const { id } = useParams<{ id: string }>();
   const { t } = useTranslation();
 
+  // Reset patient update state to avoid error displaying
+  // in patient details activity.
+  // See issue [OHCS-107](https://openhospital.atlassian.net/browse/OHCS-107)
+  useEffect(() => {
+    return () => {
+      updatePatientReset();
+    };
+  }, []);
+
   useEffect(() => {
     if (isEmpty(patient.data) && patient.status === "IDLE" && id) {
       getPatientThunk(id);