Temporarily expose abdm health facility config directly (ohcnetwork#6197

)
yogeshbhutkar · Sep 8, 2023 · 4519b08 · 4519b08
1 parent 0c2be8b
commit 4519b08
Show file tree

Hide file tree

Showing 4 changed files with 95 additions and 9 deletions.
diff --git a/src/Components/ABDM/ConfigureHealthFacility.tsx b/src/Components/ABDM/ConfigureHealthFacility.tsx
@@ -6,6 +6,7 @@ import * as Notification from "../../Utils/Notifications.js";
 import { navigate } from "raviger";
 import { Cancel, Submit } from "../Common/components/ButtonV2";
 import TextFormField from "../Form/FormFields/TextFormField";
+import { classNames } from "../../Utils/utils";
 const Loading = lazy(() => import("../Common/Loading"));
 
 const initForm = {
@@ -47,7 +48,7 @@ export const ConfigureHealthFacility = (props: any) => {
       setIsLoading(true);
       const res = await dispatchAction(healthFacilityActions.read(facilityId));
 
-      if (res.status === 200 && res?.data) {
+      if (res?.status === 200 && res?.data) {
         const formData = {
           ...state.form,
           hf_id: res.data.hf_id,
@@ -84,6 +85,32 @@ export const ConfigureHealthFacility = (props: any) => {
           hf_id: state.form.hf_id,
         })
       );
+    } else if (state.form.hf_id === state.form.health_facility?.hf_id) {
+      res = await dispatchAction(
+        healthFacilityActions.registerService(facilityId)
+      );
+
+      if (res?.status === 200 && res?.data) {
+        if (res.data?.registered) {
+          dispatch({
+            type: "set_form",
+            form: {
+              ...state.form,
+              health_facility: {
+                ...state.form?.health_facility,
+                registered: res.data.registered,
+              },
+            },
+          });
+
+          return;
+        }
+      }
+
+      Notification.Error({
+        msg: "Service registration failed, please try again later",
+      });
+      return;
     } else {
       res = await dispatchAction(
         healthFacilityActions.create({
@@ -127,6 +154,49 @@ export const ConfigureHealthFacility = (props: any) => {
             <TextFormField
               name="hf_id"
               label="Health Facility Id"
+              trailing={
+                <p
+                  className={classNames(
+                    "tooltip cursor-pointer text-sm",
+                    state.form.health_facility?.registered
+                      ? "text-primary-600 hover:text-primary-800"
+                      : "text-warning-600 hover:text-warning-800"
+                  )}
+                >
+                  {state.form.health_facility?.registered ? (
+                    <>
+                      <div className="tooltip-text tooltip-top -left-48 flex flex-col gap-4">
+                        <span className="text-gray-100">
+                          The ABDM health facility is successfully linked with
+                          care{" "}
+                          <strong>and registered as a service in bridge</strong>
+                        </span>
+                        <span className="text-green-100">
+                          No Action Required.
+                        </span>
+                      </div>
+                      Registered
+                    </>
+                  ) : (
+                    <>
+                      <div className="tooltip-text tooltip-top -left-48 flex flex-col gap-4">
+                        <span className="text-gray-100">
+                          The ABDM health facility is successfully linked with
+                          care{" "}
+                          <strong>
+                            but not registered as a service in bridge
+                          </strong>
+                        </span>
+                        <span className="text-warning-100">
+                          Click on <strong>Link Health Facility</strong> to
+                          register the service
+                        </span>
+                      </div>
+                      Not Registered
+                    </>
+                  )}
+                </p>
+              }
               required
               value={state.form.hf_id}
               onChange={(e) => handleChange(e)}
@@ -136,7 +206,14 @@ export const ConfigureHealthFacility = (props: any) => {
         </div>
         <div className="flex flex-col gap-3 sm:flex-row sm:justify-between">
           <Cancel onClick={() => navigate(`/facility/${facilityId}`)} />
-          <Submit onClick={handleSubmit} label="Update" />
+          <Submit
+            onClick={handleSubmit}
+            disabled={
+              state.form.hf_id === state.form.health_facility?.hf_id &&
+              state.form.health_facility?.registered
+            }
+            label="Link Health Facility"
+          />
         </div>
       </form>
     </div>

diff --git a/src/Components/Facility/UpdateFacilityMiddleware.tsx b/src/Components/Facility/UpdateFacilityMiddleware.tsx
@@ -11,7 +11,6 @@ import { navigate } from "raviger";
 import { Cancel, Submit } from "../Common/components/ButtonV2";
 import TextFormField from "../Form/FormFields/TextFormField";
 import Page from "../Common/components/Page";
-import useConfig from "../../Common/hooks/useConfig";
 import { ConfigureHealthFacility } from "../ABDM/ConfigureHealthFacility";
 const Loading = lazy(() => import("../Common/Loading"));
 
@@ -52,7 +51,6 @@ export const UpdateFacilityMiddleware = (props: any) => {
   const { facilityId } = props;
   const dispatchAction: any = useDispatch();
   const [isLoading, setIsLoading] = useState(false);
-  const config = useConfig();
 
   const fetchData = useCallback(
     async (status: statusType) => {
@@ -169,11 +167,8 @@ export const UpdateFacilityMiddleware = (props: any) => {
           </div>
         </form>
       </div>
-      {config.enable_abdm ? (
-        <ConfigureHealthFacility facilityId={facilityId} />
-      ) : (
-        <></>
-      )}
+
+      <ConfigureHealthFacility facilityId={facilityId} />
     </Page>
   );
 };
diff --git a/src/Redux/actions.tsx b/src/Redux/actions.tsx
@@ -979,6 +979,15 @@ export const healthFacilityActions = {
       facility_id: id,
     });
   },
+
+  registerService: (id: string) => {
+    return fireRequest(
+      "registerHealthFacilityAsService",
+      [],
+      {},
+      { facility_id: id }
+    );
+  },
 };
 
 export const listAssetAvailability = (params: object) =>

diff --git a/src/Redux/api.tsx b/src/Redux/api.tsx
@@ -931,6 +931,11 @@ const routes: Routes = {
     method: "PATCH",
   },
 
+  registerHealthFacilityAsService: {
+    path: "/api/v1/abdm/health_facility/{facility_id}/register_service/",
+    method: "POST",
+  },
+
   // Asset Availability endpoints
 
   listAssetAvailability: {