Added consent form to patient consultation (ohcnetwork#7461)

* Added consent form to patient consultation * reverted vite config * added keys * removed undefined titles * disable on create * fix vite * updated as decided on call * fixed dropdown * fix * fix page title * reverted vite config change * fix linting issue in constants file * fix linting errors --------- Co-authored-by: Mohammed Nihal <[email protected]> Co-authored-by: khavinshankar <[email protected]>
AshrafMd-1 · Mar 28, 2024 · 36ec6a2 · 36ec6a2
1 parent b3263bd
commit 36ec6a2
Show file tree

Hide file tree

Showing 9 changed files with 451 additions and 163 deletions.
diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx
@@ -1172,6 +1172,21 @@ export const IN_LANDLINE_AREA_CODES = [
   "891",
   "4822",
 ];
+
+export const CONSENT_TYPE_CHOICES = [
+  { id: 1, text: "Consent for admission" },
+  { id: 2, text: "Patient Code Status" },
+  { id: 3, text: "Consent for procedure" },
+  { id: 4, text: "High risk consent" },
+  { id: 5, text: "Others" },
+];
+
+export const CONSENT_PATIENT_CODE_STATUS_CHOICES = [
+  { id: 1, text: "Do Not Hospitalise (DNH)" },
+  { id: 2, text: "Do Not Resuscitate (DNR)" },
+  { id: 3, text: "Comfort Care Only" },
+  { id: 4, text: "Active treatment (Default)" },
+];
 export const OCCUPATION_TYPES = [
   { id: 1, text: "Student", value: "STUDENT" },
   {

diff --git a/src/Components/Common/PageTitle.tsx b/src/Components/Common/PageTitle.tsx
@@ -26,6 +26,7 @@ export interface PageTitleProps {
   };
   focusOnLoad?: boolean;
   isInsidePage?: boolean;
+  changePageMetadata?: boolean;
 }
 
 export default function PageTitle({
@@ -40,6 +41,7 @@ export default function PageTitle({
   justifyContents = "justify-start",
   focusOnLoad = false,
   isInsidePage = false,
+  changePageMetadata = true,
 }: PageTitleProps) {
   const divRef = useRef<any>();
 
@@ -56,7 +58,7 @@ export default function PageTitle({
       ref={divRef}
       className={isInsidePage ? "" : `mb-2 pt-4 md:mb-4 ${className}`}
     >
-      <PageHeadTitle title={title} />
+      {changePageMetadata && <PageHeadTitle title={title} />}
       <div className={classNames("flex items-center", justifyContents)}>
         <div className="flex items-center">
           {!hideBack && (

diff --git a/src/Components/Common/components/Page.tsx b/src/Components/Common/components/Page.tsx
@@ -6,6 +6,7 @@ import { SidebarShrinkContext } from "../Sidebar/Sidebar";
 interface PageProps extends PageTitleProps {
   children: React.ReactNode | React.ReactNode[];
   options?: React.ReactNode | React.ReactNode[];
+  changePageMetadata?: boolean;
   className?: string;
   noImplicitPadding?: boolean;
   ref?: RefObject<HTMLDivElement>;
@@ -39,6 +40,7 @@ export default function Page(props: PageProps) {
     <div className={classNames(padding, props.className)} ref={props.ref}>
       <div className="flex flex-col justify-between gap-2 md:flex-row md:items-center md:gap-6">
         <PageTitle
+          changePageMetadata={props.changePageMetadata}
           title={props.title}
           breadcrumbs={props.breadcrumbs}
           backUrl={props.backUrl}

diff --git a/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx b/src/Components/Diagnosis/ConsultationDiagnosisBuilder/AddICD11Diagnosis.tsx
@@ -22,7 +22,7 @@ export default function AddICD11Diagnosis(props: AddICD11DiagnosisProps) {
   const { t } = useTranslation();
   const [selected, setSelected] = useState<ICD11DiagnosisModel>();
   const [adding, setAdding] = useState(false);
-  const hasError = !!props.disallowed.find((d) => d.id === selected?.id);
+  const hasError = !!props.disallowed.find((d) => d?.id === selected?.id);
 
   const { fetchOptions, isLoading, options } =
     useAsyncOptions<ICD11DiagnosisModel>("id");

diff --git a/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx b/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
@@ -7,7 +7,12 @@ import { BedModel } from "../models";
 import HL7PatientVitalsMonitor from "../../VitalsMonitor/HL7PatientVitalsMonitor";
 import VentilatorPatientVitalsMonitor from "../../VitalsMonitor/VentilatorPatientVitalsMonitor";
 import useVitalsAspectRatioConfig from "../../VitalsMonitor/useVitalsAspectRatioConfig";
-import { DISCHARGE_REASONS, SYMPTOM_CHOICES } from "../../../Common/constants";
+import {
+  CONSENT_PATIENT_CODE_STATUS_CHOICES,
+  CONSENT_TYPE_CHOICES,
+  DISCHARGE_REASONS,
+  SYMPTOM_CHOICES,
+} from "../../../Common/constants";
 import PrescriptionsTable from "../../Medicine/PrescriptionsTable";
 import Chip from "../../../CAREUI/display/Chip";
 import { formatAge, formatDate, formatDateTime } from "../../../Utils/utils";
@@ -16,6 +21,7 @@ import DailyRoundsList from "../Consultations/DailyRoundsList";
 import EventsList from "./Events/EventsList";
 import SwitchTabs from "../../Common/components/SwitchTabs";
 import { getVitalsMonitorSocketUrl } from "../../VitalsMonitor/utils";
+import { FileUpload } from "../../Patient/FileUpload";
 
 const PageTitle = lazy(() => import("../../Common/PageTitle"));
 
@@ -669,6 +675,46 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
                 </div>
               </div>
             </div>
+            {(
+              props.consultationData.consent_records?.filter(
+                (record) => record.deleted !== true
+              ) || []
+            ).length > 0 && (
+              <>
+                <div className="col-span-1 overflow-hidden rounded-lg bg-white p-4 shadow md:col-span-2">
+                  <h3 className="text-lg font-semibold leading-relaxed text-gray-900">
+                    Consent Records
+                  </h3>
+                  {props.consultationData.consent_records
+                    ?.filter((record) => record.deleted !== true)
+                    ?.map((record, i) => (
+                      <div className="mt-4 border-b" key={i}>
+                        <div className="font-bold">
+                          {
+                            CONSENT_TYPE_CHOICES.find(
+                              (c) => c.id === record.type
+                            )?.text
+                          }{" "}
+                          {record.patient_code_status &&
+                            `( ${
+                              CONSENT_PATIENT_CODE_STATUS_CHOICES.find(
+                                (c) => c.id === record.patient_code_status
+                              )?.text
+                            } )`}
+                        </div>
+                        <FileUpload
+                          type="CONSENT_RECORD"
+                          hideBack
+                          unspecified
+                          className="w-full"
+                          consentId={record.id}
+                          hideUpload
+                        />
+                      </div>
+                    ))}
+                </div>
+              </>
+            )}
           </div>
         </div>
         <div className="w-full pl-0 md:pl-4 xl:w-1/3">