diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx index 6ac6affd095..a6fd98d33dc 100644 --- a/src/Components/Patient/ManagePatients.tsx +++ b/src/Components/Patient/ManagePatients.tsx @@ -12,12 +12,12 @@ import React, { useEffect, useState, useCallback } from "react"; import { CSVLink } from "react-csv"; import { useDispatch } from "react-redux"; import SwipeableViews from "react-swipeable-views"; +import FacilitiesSelectDialogue from "../ExternalResult/FacilitiesSelectDialogue"; import { getAllPatient, getDistrict, getLocalBody, getAnyFacility, - } from "../../Redux/actions"; import { PhoneNumberField } from "../Common/HelperInputFields"; import NavTabs from "../Common/NavTabs"; @@ -35,6 +35,7 @@ import PatientFilterV2 from "./PatientFilterV2"; import { parseOptionId } from "../../Common/utils"; import { statusType, useAbortableEffect } from "../../Common/utils"; import { every } from "lodash"; +import { FacilityModel } from "../Facility/models"; const Loading = loadable(() => import("../Common/Loading")); const PageTitle = loadable(() => import("../Common/PageTitle")); @@ -115,6 +116,10 @@ export const PatientManager = (props: any) => { const [DownloadFile, setDownloadFile] = useState(""); const [qParams, setQueryParams] = useQueryParams(); const [showFilters, setShowFilters] = useState(false); + const [selectedFacility, setSelectedFacility] = useState({ + name: "", + }); + const [showDialog, setShowDialog] = useState(false); const [districtName, setDistrictName] = useState(""); const [localbodyName, setLocalbodyName] = useState(""); @@ -352,9 +357,9 @@ export const PatientManager = (props: any) => { const fetchFacilityBadgeName = useCallback( async (status: statusType) => { - const res = qParams.facility && - (await dispatch(getAnyFacility(qParams.facility))); - + const res = + qParams.facility && (await dispatch(getAnyFacility(qParams.facility))); + if (!status.aborted) { setFacilityBadgeName(res?.data?.name); } @@ -616,6 +621,14 @@ export const PatientManager = (props: any) => { return (
+ {showDialog && ( + setSelectedFacility(e)} + selectedFacility={selectedFacility} + handleOk={() => navigate(`facility/${selectedFacility.id}/patient`)} + handleCancel={() => setShowDialog(false)} + /> + )} {
-
+
+