Added nav link for bed status in consultation form (ohcnetwork#6170)

src/Components/Facility/ConsultationForm.tsx

@@ -198,7 +198,8 @@ const consultationFormReducer = (state = initialState, action: FormAction) => {
 type ConsultationFormSection =
   | "Consultation Details"
   | "Diagnosis"
-  | "Treatment Plan";
+  | "Treatment Plan"
+  | "Bed Status";
 
 export const ConsultationForm = (props: any) => {
   const { goBack } = useAppHistory();
@@ -223,6 +224,7 @@ export const ConsultationForm = (props: any) => {
   const [consultationDetailsVisible, consultationDetailsRef] = useVisibility();
   const [diagnosisVisible, diagnosisRef] = useVisibility(-300);
   const [treatmentPlanVisible, treatmentPlanRef] = useVisibility(-300);
+  const [bedStatusVisible, bedStatusRef] = useVisibility(-300);
   const [disabledFields, setDisabledFields] = useState<string[]>([]);
 
   const sections = {
@@ -241,16 +243,27 @@ export const ConsultationForm = (props: any) => {
       visible: treatmentPlanVisible,
       ref: treatmentPlanRef,
     },
+    "Bed Status": {
+      iconClass: "care-l-bed",
+      visible: bedStatusVisible,
+      ref: bedStatusRef,
+    },
   };
 
   useEffect(() => {
     setCurrentSection((prev) => {
       if (consultationDetailsVisible) return "Consultation Details";
       if (diagnosisVisible) return "Diagnosis";
       if (treatmentPlanVisible) return "Treatment Plan";
+      if (bedStatusVisible) return "Bed Status";
       return prev;
     });
-  }, [consultationDetailsVisible, diagnosisVisible, treatmentPlanVisible]);
+  }, [
+    consultationDetailsVisible,
+    diagnosisVisible,
+    treatmentPlanVisible,
+    bedStatusVisible,
+  ]);
 
   useEffect(() => {
     async function fetchPatientName() {
@@ -817,6 +830,9 @@ export const ConsultationForm = (props: any) => {
             if (state.form.consultation_status === 1) {
               return null;
             }
+            if (!isUpdate && sectionTitle === "Bed Status") {
+              return null;
+            }
             const isCurrent = currentSection === sectionTitle;
             const section = sections[sectionTitle as ConsultationFormSection];
             return (
@@ -1306,7 +1322,7 @@ export const ConsultationForm = (props: any) => {
             {isUpdate && (
               <>
                 <div className="mx-auto mt-4 max-w-4xl rounded bg-white px-11 py-8">
-                  <h4>Update Bed</h4>
+                  {sectionTitle("Bed Status")}
                   <Beds
                     facilityId={facilityId}
                     patientId={patientId}