add patient button (#2083)

ohcnetwork · Feb 18, 2022 · df9c269 · df9c269
1 parent 67302c5
commit df9c269
Showing 1 changed file with 26 additions and 5 deletions.
diff --git 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<FacilityModel>({
+    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 (
     <div className="px-6">
+      {showDialog && (
+        <FacilitiesSelectDialogue
+          setSelected={(e) => setSelectedFacility(e)}
+          selectedFacility={selectedFacility}
+          handleOk={() => navigate(`facility/${selectedFacility.id}/patient`)}
+          handleCancel={() => setShowDialog(false)}
+        />
+      )}
       <PageTitle
         title="Patients"
         hideBack={!facilityId}
@@ -695,7 +708,7 @@ export const PatientManager = (props: any) => {
         </div>
         <div>
           <div>
-            <div className="flex items-start mb-2">
+            <div className="flex items-end gap-2 mb-2">
               <button
                 className="btn btn-primary-ghost md:mt-7 "
                 onClick={(_) => setShowFilters((show) => !show)}
@@ -731,6 +744,14 @@ export const PatientManager = (props: any) => {
                 </svg>
                 <span>Advanced Filters</span>
               </button>
+              <button
+                className="btn-primary btn md:mt-7 w-full md:w-fit"
+                onClick={() => setShowDialog(true)}
+                data-testid="add-patient-button"
+              >
+                <i className="fas fa-plus mr-2 text-white"></i>
+                Add Details of a Patient
+              </button>
             </div>
           </div>
           <div>