change the NIBP display from last 30 mins to current bed assignment date

src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx

@@ -13,6 +13,9 @@ import Chip from "../../../CAREUI/display/Chip";
 import { formatAge, formatDate, formatDateTime } from "../../../Utils/utils";
 import ReadMore from "../../Common/components/Readmore";
 import { DailyRoundsList } from "../Consultations/DailyRoundsList";
+import useQuery from "../../../Utils/request/useQuery";
+import routes from "../../../Redux/api";
+import * as Notification from "../../../Utils/Notifications.js";
 
 const PageTitle = lazy(() => import("../../Common/PageTitle"));
 
@@ -23,6 +26,9 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
   const [ventilatorSocketUrl, setVentilatorSocketUrl] = useState<string>();
   const [monitorBedData, setMonitorBedData] = useState<AssetBedModel>();
   const [ventilatorBedData, setVentilatorBedData] = useState<AssetBedModel>();
+  const [bedAssignmentStartDate, setBedAssignmentStartDate] = useState(
+    new Date()
+  );
 
   const vitals = useVitalsAspectRatioConfig({
     default: undefined,
@@ -104,6 +110,26 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
     fetchData();
   }, [props.consultationData]);
 
+  useQuery(routes.listConsultationBeds, {
+    query: {
+      consultation: props.consultationId,
+    },
+    onResponse: ({ res, data }) => {
+      if (res?.ok && data) {
+        const startDate = new Date(data.results[0].created_date);
+        setBedAssignmentStartDate(startDate);
+      } else {
+        Notification.Error({
+          msg: "Something went wrong: ",
+        });
+      }
+    },
+  });
+
+  const currentDate = new Date();
+  const timeDifferenceInMinutes =
+    (currentDate.getTime() - bedAssignmentStartDate.getTime()) / (1000 * 60);
+
   return (
     <div className="flex flex-col gap-2">
       {!props.consultationData.discharge_date &&
@@ -113,6 +139,7 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
             <div className="mx-auto flex w-full flex-col justify-between gap-1 rounded bg-[#020617] lg:w-auto lg:min-w-[1280px] lg:flex-row">
               <div className="min-h-[400px] flex-1">
                 <HL7PatientVitalsMonitor
+                  minutesSinceAssignment={timeDifferenceInMinutes}
                   patientAssetBed={{
                     asset: monitorBedData?.asset_object as AssetData,
                     bed: monitorBedData?.bed_object as BedModel,

src/Components/Facility/models.tsx

@@ -3,6 +3,7 @@ import { ProcedureType } from "../Common/prescription-builder/ProcedureBuilder";
 import { NormalPrescription, PRNPrescription } from "../Medicine/models";
 import { AssetData } from "../Assets/AssetTypes";
 import { UserBareMinimum } from "../Users/models";
+import { PaginatedResponse } from "../../Utils/request/types";
 
 export interface LocalBodyModel {
   name: string;
@@ -222,6 +223,23 @@ export interface CurrentBed {
   meta: Record<string, any>;
 }
 
+export interface ConsultationBedRequest {
+  bed?: string;
+  consultation: string;
+  limit?: number;
+  offset?: number;
+}
+
+export interface ConsultationBedResponse extends PaginatedResponse<CurrentBed> {
+  is_occuiped?: boolean;
+  created_date?: string;
+  modified_date?: string;
+  name?: string;
+  description?: string;
+  meta?: Record<string, any>;
+  assets_objects?: AssetData[];
+}
+
 // Voluntarily made as `type` for it to achieve type-safety when used with
 // `useAsyncOptions<ICD11DiagnosisModel>`
 export type ICD11DiagnosisModel = {

src/Components/VitalsMonitor/HL7PatientVitalsMonitor.tsx

@@ -39,8 +39,12 @@ export default function HL7PatientVitalsMonitor(props: IVitalsComponentProps) {
     connect(props.socketUrl);
   }, [props.socketUrl]);
 
+  // Check if the time difference is within the specified maximum persistence time
+  console.log("Time difference in minutes: ", props.minutesSinceAssignment);
   const bpWithinMaxPersistence = !!(
-    (data.bp?.["date-time"] && isWithinMinutes(data.bp?.["date-time"], 30)) // Max blood pressure persistence is 30 minutes
+    data.bp?.["date-time"] &&
+    props.minutesSinceAssignment &&
+    isWithinMinutes(data.bp?.["date-time"], props.minutesSinceAssignment)
   );
 
   return (

src/Components/VitalsMonitor/types.ts

@@ -46,6 +46,7 @@ export interface ChannelOptions {
 }
 
 export interface IVitalsComponentProps {
+  minutesSinceAssignment?: number;
   patientAssetBed?: PatientAssetBed;
   socketUrl: string;
   config?: ReturnType<typeof getVitalsCanvasSizeAndDuration>;

src/Redux/api.tsx

@@ -1,4 +1,5 @@
 import { IConfig } from "../Common/hooks/useConfig";
+
 import {
   IAadhaarOtp,
   IAadhaarOtpTBody,
@@ -28,6 +29,8 @@ import {
   AssetUpdate,
 } from "../Components/Assets/AssetTypes";
 import {
+  ConsultationBedRequest,
+  ConsultationBedResponse,
   FacilityModel,
   LocationModel,
   WardModel,
@@ -350,6 +353,8 @@ const routes = {
   listConsultationBeds: {
     path: "/api/v1/consultationbed/",
     method: "GET",
+    TRes: Type<ConsultationBedResponse>(),
+    TBody: Type<ConsultationBedRequest>(),
   },
   createConsultationBed: {
     path: "/api/v1/consultationbed/",