Added facility features (#2800)

coronasafe · Jul 4, 2022 · 75ee9f2 · 75ee9f2
1 parent 9fceec2
commit 75ee9f2
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 3 deletions.
diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx
@@ -690,3 +690,26 @@ export const getCameraPTZ: (precision: number) => CameraPTZ[] = (precision) => [
     shortcutKey: ["F"],
   },
 ];
+
+export const FACILITY_FEATURE_TYPES = [
+  {
+    id : 1,
+    name : "CT Scan Facility"
+  },
+  {
+    id : 2,
+    name : "Maternity Care"
+  },
+  {
+    id : 3,
+    name : "X-Ray facility"
+  },
+  {
+    id : 4,
+    name : "Neonatal care"
+  },
+  {
+    id : 5,
+    name : "Operation theater"
+  }
+];
diff --git a/src/Components/Facility/FacilityCreate.tsx b/src/Components/Facility/FacilityCreate.tsx
@@ -19,6 +19,7 @@ import { parsePhoneNumberFromString } from "libphonenumber-js";
 import React, { useCallback, useReducer, useState } from "react";
 import { useDispatch } from "react-redux";
 import {
+  FACILITY_FEATURE_TYPES,
   FACILITY_TYPES,
   KASP_ENABLED,
   KASP_STRING,
@@ -42,6 +43,7 @@ import {
 import * as Notification from "../../Utils/Notifications.js";
 import {
   MultilineInputField,
+  MultiSelectField,
   PhoneNumberField,
   SelectField,
   TextInputField,
@@ -73,6 +75,7 @@ type FacilityForm = {
   state: string;
   district: string;
   local_body: string;
+  features : string[];
   ward: string;
   kasp_empanelled: string;
   address: string;
@@ -98,6 +101,7 @@ const initForm: FacilityForm = {
   local_body: "",
   ward: "",
   kasp_empanelled: "false",
+  features : [],
   address: "",
   phone_number: "",
   latitude: "",
@@ -229,6 +233,7 @@ export const FacilityCreate = (props: FacilityProps) => {
             state: res.data.state ? res.data.state : "",
             district: res.data.district ? res.data.district : "",
             local_body: res.data.local_body ? res.data.local_body : "",
+            features : res.data.features || [],
             ward: res.data.ward_object ? res.data.ward_object.id : initialWards,
             kasp_empanelled: res.data.kasp_empanelled
               ? String(res.data.kasp_empanelled)
@@ -408,6 +413,7 @@ export const FacilityCreate = (props: FacilityProps) => {
         address: state.form.address,
         pincode: state.form.pincode,
         local_body: state.form.local_body,
+        features : state.form.features,
         ward: state.form.ward,
         kasp_empanelled: JSON.parse(state.form.kasp_empanelled),
         location:
@@ -529,7 +535,20 @@ export const FacilityCreate = (props: FacilityProps) => {
                   errors={state.errors.name}
                 />
               </div>
-
+              <div className="">
+                <InputLabel id="features-label">Features*</InputLabel>
+                <MultiSelectField
+                    data-test="facility-features"
+                    name="features"
+                    variant="outlined"
+                    margin="dense"
+                    value={state.form.features}
+                    options={FACILITY_FEATURE_TYPES}
+                    onChange={(e)=>handleChange(e)}
+                    optionValue="name"
+                    errors={state.errors.features}
+                  />
+              </div>
               <div>
                 <InputLabel id="gender-label">State*</InputLabel>
                 {isStateLoading ? (
@@ -574,7 +593,7 @@ export const FacilityCreate = (props: FacilityProps) => {
                 )}
               </div>
 
-              <div className="md:col-span-2">
+              <div className="">
                 <InputLabel id="local_body-label">Localbody*</InputLabel>
                 {isLocalbodyLoading ? (
                   <CircularProgress size={20} />

diff --git a/src/Components/Facility/FacilityHome.tsx b/src/Components/Facility/FacilityHome.tsx
@@ -7,7 +7,7 @@ import DialogActions from "@material-ui/core/DialogActions";
 import DialogTitle from "@material-ui/core/DialogTitle";
 import DialogContent from "@material-ui/core/DialogContent";
 import DialogContentText from "@material-ui/core/DialogContentText";
-import { BED_TYPES, DOCTOR_SPECIALIZATION } from "../../Common/constants";
+import { BED_TYPES, DOCTOR_SPECIALIZATION, FACILITY_FEATURE_TYPES } from "../../Common/constants";
 import { statusType, useAbortableEffect } from "../../Common/utils";
 import {
   getPermittedFacility,
@@ -244,6 +244,19 @@ export const FacilityHome = (props: any) => {
                         </a>
                       </div>
                     </div>
+                    <div className="flex items-center gap-3 mt-4">
+                      <div>
+                        <h1 className="text-lg font-bold">Features</h1>
+                        <div className="flex gap-2 flex-wrap mt-2">
+                          {facilityData.features?.map((feature, i)=>(
+                            <div key={i} className="bg-primary-100 text-primary-600 font-semibold px-3 py-1 rounded-full border border-primary-600 text-sm">
+                              {FACILITY_FEATURE_TYPES.filter(f=>f.id === feature)[0].name}
+                            </div>
+                          ))}
+                        </div>
+
+                      </div>
+                    </div>
                   </div>
                   <div className="lg:flex-1 min-w-[300px] md:flex flex-col justify-between">
                     <div className="mb-4">

diff --git a/src/Components/Facility/HospitalList.tsx b/src/Components/Facility/HospitalList.tsx
@@ -6,6 +6,7 @@ import { statusType, useAbortableEffect } from "../../Common/utils";
 
 import {
   DOWNLOAD_TYPES,
+  FACILITY_FEATURE_TYPES,
   FACILITY_TYPES,
   KASP_STRING,
 } from "../../Common/constants";
@@ -378,6 +379,13 @@ export const HospitalList = (props: any) => {
                         {facility.facility_type}
                       </div>
                     </div>
+                    <div className="flex gap-1 flex-wrap mt-2">
+                      {facility.features?.map((feature : number, i : number)=>(
+                        <div key={i} className="bg-primary-100 text-primary-600 font-semibold px-3 py-1 rounded-full border text-xs">
+                          {FACILITY_FEATURE_TYPES.filter(f=>f.id === feature)[0].name}
+                        </div>
+                      ))}
+                    </div>
                     <div className="mt-2 flex justify-between">
                       <div className="flex flex-col">
                         <div className="font-semibold">

diff --git a/src/Components/Facility/models.tsx b/src/Components/Facility/models.tsx
@@ -28,6 +28,7 @@ export interface FacilityModel {
   cover_image_url?: string;
   facility_type?: string;
   address?: string;
+  features? : number[];
   location?: {
     latitude: number;
     longitude: number;