Merge branch 'develop' into cypress-forked-prs

ohcnetwork · Feb 28, 2024 · 95ff73f · 95ff73f
2 parents 3149523 + 5f8fb3a
commit 95ff73f
Show file tree

Hide file tree

Showing 47 changed files with 1,047 additions and 933 deletions.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Corona Safe
+Copyright (c) 2024 Open Healthcare Network
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/cypress/e2e/auth_spec/redirect.cy.ts b/cypress/e2e/auth_spec/redirect.cy.ts
@@ -0,0 +1,32 @@
+import { cy, describe, it, beforeEach, Cypress } from "local-cypress";
+import LoginPage from "../../pageobject/Login/LoginPage";
+
+describe("redirect", () => {
+  const loginPage = new LoginPage();
+
+  beforeEach(() => {
+    cy.log("Logging in the user devdistrictadmin");
+  });
+
+  it("Check if login redirects to the right url", () => {
+    cy.awaitUrl("/resource/board", true);
+    loginPage.loginManuallyAsDistrictAdmin();
+    loginPage.ensureLoggedIn();
+    cy.url().should("include", "/resource/board");
+  });
+
+  it("Check if the redirect param works", () => {
+    const baseUrl = Cypress.config("baseUrl");
+    cy.awaitUrl(`login?redirect=${baseUrl}/resource/board`, true);
+    loginPage.loginManuallyAsDistrictAdmin();
+    loginPage.ensureLoggedIn();
+    cy.url().should("include", "/resource/board");
+  });
+
+  it("Check to ensure that redirect is the same origin", () => {
+    cy.awaitUrl("login?redirect=https://google.com", true);
+    loginPage.loginManuallyAsDistrictAdmin();
+    loginPage.ensureLoggedIn();
+    cy.url().should("include", "/facility");
+  });
+});
diff --git a/cypress/pageobject/Login/LoginPage.ts b/cypress/pageobject/Login/LoginPage.ts
@@ -10,9 +10,23 @@ class LoginPage {
     cy.loginByApi("devdoctor", "Coronasafe@123");
   }
 
+  loginAsStaff(): void {
+    cy.loginByApi("staffdev", "Coronasafe@123");
+  }
+
+  loginManuallyAsDistrictAdmin(): void {
+    cy.get("input[id='username']").type("devdistrictadmin");
+    cy.get("input[id='password']").type("Coronasafe@123");
+    cy.get("button").contains("Login").click();
+  }
+
   login(username: string, password: string): void {
     cy.loginByApi(username, password);
   }
+
+  ensureLoggedIn(): void {
+    cy.get("p").contains("Sign Out").should("exist");
+  }
 }
 
 export default LoginPage;
diff --git a/src/CAREUI/interactive/LegendInput.tsx b/src/CAREUI/interactive/LegendInput.tsx
@@ -1,7 +1,7 @@
 import CareIcon from "../icons/CareIcon";
 import { classNames } from "../../Utils/utils";
 import { RefObject, useRef, useState, useEffect } from "react";
-
+import { useTranslation } from "react-i18next";
 type InputProps = {
   id?: string;
   name: string;
@@ -19,7 +19,7 @@ type InputProps = {
   onKeyDown?: (e: any) => void;
   onKeyPress?: (e: any) => void;
   disabled?: boolean;
-  error?: boolean;
+  error?: string;
   className?: string;
   outerClassName?: string;
   size?: "small" | "medium" | "large";
@@ -30,6 +30,7 @@ export default function LegendInput(props: InputProps) {
   /**
    * Useful for small input forms. Should only be used in special cases.
    */
+  const { t } = useTranslation();
   const [showPassword, setShowPassword] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
   const ref = props.ref || inputRef;
@@ -66,7 +67,6 @@ export default function LegendInput(props: InputProps) {
   useEffect(() => {
     ref.current && testAutoFill(ref.current);
   }, [ref.current]);
-
   return (
     <div className={props.outerClassName}>
       {props.label && (
@@ -149,8 +149,8 @@ export default function LegendInput(props: InputProps) {
           </button>
         )}
       </div>
-      {props.error && (
-        <div className="mt-1 text-xs text-red-500">{props.error}</div>
+      {!!props.error && (
+        <div className="mt-1 text-xs text-red-500">{t(props.error)}</div>
       )}
     </div>
   );

diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx
@@ -565,11 +565,6 @@ export const NOTIFICATION_EVENTS: NotificationEvent[] = [
     text: "Patient Updated",
     icon: "l-edit",
   },
-  {
-    id: "PATIENT_DELETED",
-    text: "Patient Deleted",
-    icon: "l-user-minus",
-  },
   {
     id: "PATIENT_CONSULTATION_CREATED",
     text: "Patient Consultation Created",
@@ -580,11 +575,6 @@ export const NOTIFICATION_EVENTS: NotificationEvent[] = [
     text: "Patient Consultation Updated",
     icon: "l-heart-medical",
   },
-  {
-    id: "PATIENT_CONSULTATION_DELETED",
-    text: "Patient Consultation Deleted",
-    icon: "l-heartbeat",
-  },
   {
     id: "INVESTIGATION_SESSION_CREATED",
     text: "Investigation Session Created",

diff --git a/src/Common/static/countryPhoneAndFlags.json b/src/Common/static/countryPhoneAndFlags.json
@@ -57,11 +57,7 @@
   "DJ": { "flag": "🇩🇯", "name": "Djibouti", "code": "253" },
   "DK": { "flag": "🇩🇰", "name": "Denmark", "code": "45" },
   "DM": { "flag": "🇩🇲", "name": "Dominica", "code": "1-767" },
-  "DO": {
-    "flag": "🇩🇴",
-    "name": "Dominican Republic",
-    "code": "1"
-  },
+  "DO": { "flag": "🇩🇴", "name": "Dominican Republic", "code": "1" },
   "DZ": { "flag": "🇩🇿", "name": "Algeria", "code": "213" },
   "EC": { "flag": "🇪🇨", "name": "Ecuador", "code": "593" },
   "EE": { "flag": "🇪🇪", "name": "Estonia", "code": "372" },
@@ -105,11 +101,7 @@
   "IL": { "flag": "🇮🇱", "name": "Israel", "code": "972" },
   "IM": { "flag": "🇮🇲", "name": "Isle of Man", "code": "44-1624" },
   "IN": { "flag": "🇮🇳", "name": "India", "code": "91" },
-  "IO": {
-    "flag": "🇮🇴",
-    "name": "British Indian Ocean Territory",
-    "code": "246"
-  },
+  "IO": { "flag": "🇮🇴", "name": "British Indian Ocean Territory", "code": "246" },
   "IQ": { "flag": "🇮🇶", "name": "Iraq", "code": "964" },
   "IR": { "flag": "🇮🇷", "name": "Iran", "code": "98" },
   "IS": { "flag": "🇮🇸", "name": "Iceland", "code": "354" },

diff --git a/src/Components/Assets/AssetManage.tsx b/src/Components/Assets/AssetManage.tsx
@@ -503,6 +503,10 @@ const AssetManage = (props: AssetManageProps) => {
           <Uptime
             route={routes.listAssetAvailability}
             params={{ external_id: asset.id }}
+            header={
+              <div className="text-xl font-semibold">Availability History</div>
+            }
+            parentClassNames="mt-8 flex w-full flex-col bg-white p-4 shadow-sm sm:rounded-lg"
           />
         )}
       <div className="mb-4 mt-8 text-xl font-semibold">Service History</div>

diff --git a/src/Components/Assets/AssetType/HL7Monitor.tsx b/src/Components/Assets/AssetType/HL7Monitor.tsx
@@ -131,12 +131,19 @@ const HL7Monitor = (props: HL7MonitorProps) => {
         )}
 
         {assetType === "HL7MONITOR" && (
-          <HL7PatientVitalsMonitor key={socketUrl} socketUrl={socketUrl} />
+          <HL7PatientVitalsMonitor
+            key={socketUrl}
+            socketUrl={socketUrl}
+            hideHeader={true}
+            hideFooter={true}
+          />
         )}
         {assetType === "VENTILATOR" && (
           <VentilatorPatientVitalsMonitor
             key={socketUrl}
             socketUrl={socketUrl}
+            hideHeader={true}
+            hideFooter={true}
           />
         )}
       </div>

diff --git a/src/Components/Auth/Login.tsx b/src/Components/Auth/Login.tsx
@@ -68,18 +68,19 @@ export const Login = (props: { forgot?: boolean }) => {
       ) {
         if (!form[key].match(/\w/)) {
           hasError = true;
-          err[key] = t("field_required");
+          err[key] = "field_required";
         }
       }
       if (!form[key]) {
         hasError = true;
-        err[key] = t("field_required");
+        err[key] = "field_required";
       }
     });
     if (hasError) {
       setErrors(err);
       return false;
     }
+
     return form;
   };
 
@@ -92,6 +93,7 @@ export const Login = (props: { forgot?: boolean }) => {
 
   const handleSubmit = async (e: any) => {
     e.preventDefault();
+
     setLoading(true);
     FiltersCache.invaldiateAll();
     const validated = validateData();
@@ -111,12 +113,12 @@ export const Login = (props: { forgot?: boolean }) => {
     if (typeof form.username === "string") {
       if (!form.username.match(/\w/)) {
         hasError = true;
-        err.username = t("field_required");
+        err.username = "field_required";
       }
     }
     if (!form.username) {
       hasError = true;
-      err.username = t("field_required");
+      err.username = "field_required";
     }
 
     if (hasError) {

diff --git a/src/Components/Common/LanguageSelectorLogin.tsx b/src/Components/Common/LanguageSelectorLogin.tsx
@@ -4,8 +4,7 @@ import { LANGUAGE_NAMES } from "../../Locale/config";
 import { classNames } from "../../Utils/utils";
 
 export const LanguageSelectorLogin = () => {
-  const { i18n } = useTranslation();
-
+  const { i18n, t } = useTranslation();
   useEffect(() => {
     document.documentElement.setAttribute("lang", i18n.language);
   }, [i18n]);
@@ -20,7 +19,7 @@ export const LanguageSelectorLogin = () => {
 
   return (
     <div className="mt-8 flex flex-col items-center text-sm text-gray-800">
-      Available in:
+      {t("available_in")}
       <br />
       <div className="inline-flex flex-wrap gap-3">
         {Object.keys(LANGUAGE_NAMES).map((e: string) => (

diff --git a/src/Components/Common/RelativeDateUserMention.tsx b/src/Components/Common/RelativeDateUserMention.tsx
@@ -9,7 +9,7 @@ function RelativeDateUserMention(props: {
   withoutSuffix?: boolean;
 }) {
   return (
-    <div className="flex flex-row flex-wrap items-center justify-center ">
+    <div className="flex flex-row flex-wrap items-center justify-start ">
       <div className="tooltip">
         <span
           className={`tooltip-text tooltip-${props.tooltipPosition || "top"}`}

diff --git a/src/Components/Common/Uptime.tsx b/src/Components/Common/Uptime.tsx
@@ -169,6 +169,9 @@ export default function Uptime(
   props: Readonly<{
     route: QueryRoute<PaginatedResponse<AvailabilityRecord>>;
     params?: Record<string, string | number>;
+    header?: React.ReactNode;
+    parentClassNames?: string;
+    centerInfoPanel?: boolean;
   }>
 ) {
   const [summary, setSummary] = useState<{
@@ -191,6 +194,8 @@ export default function Uptime(
     setNumDays(Math.min(newNumDays, 100));
   };
 
+  const centerInfoPanel = props.centerInfoPanel ?? false;
+
   const setUptimeRecord = (records: AvailabilityRecord[]): void => {
     const recordsByDayBefore: { [key: number]: AvailabilityRecord[] } = {};
 
@@ -361,10 +366,10 @@ export default function Uptime(
     );
   } else if (summary) {
     return (
-      <div className="mt-8 flex w-full flex-col bg-white p-4 shadow-sm sm:rounded-lg">
-        <div className="mx-2 w-full">
+      <div className={props.parentClassNames}>
+        <div className="w-full">
           <div className="grid grid-cols-1">
-            <div className="text-xl font-semibold">Availability History</div>
+            {props.header}
             <div>
               <div className="mt-2 overflow-x-clip px-5">
                 <div className="mb-1 mt-2 flex justify-center text-xs text-gray-700 opacity-70">
@@ -407,15 +412,13 @@ export default function Uptime(
                             }`}
                           ></div>
                         </span>
-                        {hoveredDay === index && (
-                          <>
-                            <UptimeInfoPopover
-                              records={summary[index]}
-                              day={index}
-                              date={formatDateBeforeDays[index]}
-                              numDays={numDays}
-                            />
-                          </>
+                        {hoveredDay === index && !centerInfoPanel && (
+                          <UptimeInfoPopover
+                            records={summary[index]}
+                            day={index}
+                            date={formatDateBeforeDays[index]}
+                            numDays={numDays}
+                          />
                         )}
                       </>
                     );
@@ -432,7 +435,7 @@ export default function Uptime(
               </div>
             </div>
             {hoveredDay !== -1 && (
-              <div className="relative sm:hidden">
+              <div className={`relative ${!centerInfoPanel && "sm:hidden"}`}>
                 <UptimeInfo
                   records={summary[hoveredDay]}
                   date={formatDateBeforeDays[hoveredDay]}

diff --git a/src/Components/Common/UserDetailsComponet.tsx b/src/Components/Common/UserDetailsComponet.tsx
@@ -0,0 +1,23 @@
+import UserDetails from "./UserDetails";
+
+const UserDetailComponent = ({
+  id,
+  title,
+  value,
+}: {
+  id: string;
+  title: string;
+  value: string;
+}) => (
+  <div className="col-span-1">
+    <UserDetails id={id} title={title}>
+      <div className="overflow-hidden">
+        <div className="truncate font-semibold" title={value}>
+          {value}
+        </div>
+      </div>
+    </UserDetails>
+  </div>
+);
+
+export default UserDetailComponent;
diff --git a/src/Components/ExternalResult/models.ts b/src/Components/ExternalResult/models.ts
@@ -20,6 +20,9 @@ export interface IExternalResult {
   sample_collection_date: string;
   patient_category: string;
   srf_id: string;
+  permanent_address: string;
+  test_id: string;
+  village: string;
   district_object: {
     id: number;
     name: string;

diff --git a/src/Components/Facility/CentralNursingStation.tsx b/src/Components/Facility/CentralNursingStation.tsx
@@ -207,7 +207,8 @@ export default function CentralNursingStation({ facilityId }: Props) {
                     ?.start_date
                 }
                 key={`${props.patientAssetBed?.bed.id}-${hash}`}
-                {...props}
+                patientAssetBed={props.patientAssetBed}
+                socketUrl={props.socketUrl || ""}
                 config={config}
               />
             </div>