From 0078dcafa0d295991a1a17c30336da326eedb1cf Mon Sep 17 00:00:00 2001
From: Ashesh3 <3626859+Ashesh3@users.noreply.github.com>
Date: Wed, 20 Sep 2023 13:39:36 +0530
Subject: [PATCH] Activate asset config for district/state admins only

---
 src/Components/Assets/AssetManage.tsx         |   3 +-
 .../Assets/AssetType/HL7Monitor.tsx           |  71 ++++++------
 .../Assets/AssetType/ONVIFCamera.tsx          | 107 +++++++++---------
 3 files changed, 93 insertions(+), 88 deletions(-)

diff --git a/src/Components/Assets/AssetManage.tsx b/src/Components/Assets/AssetManage.tsx
index 27f0f2d8bc0..4565c48b33d 100644
--- a/src/Components/Assets/AssetManage.tsx
+++ b/src/Components/Assets/AssetManage.tsx
@@ -28,7 +28,7 @@ import RecordMeta from "../../CAREUI/display/RecordMeta";
 import { useTranslation } from "react-i18next";
 const Loading = lazy(() => import("../Common/Loading"));
 import * as Notification from "../../Utils/Notifications.js";
-import AuthorizeFor, { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
+import { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
 import Uptime from "../Common/Uptime";
 import useAuthUser from "../../Common/hooks/useAuthUser";
 import dayjs from "dayjs";
@@ -453,7 +453,6 @@ const AssetManage = (props: AssetManageProps) => {
                   }
                   id="configure-asset"
                   data-testid="asset-configure-button"
-                  authorizeFor={AuthorizeFor(["DistrictAdmin", "StateAdmin"])}
                 >
                   <CareIcon className="care-l-setting h-4" />
                   {t("configure")}
diff --git a/src/Components/Assets/AssetType/HL7Monitor.tsx b/src/Components/Assets/AssetType/HL7Monitor.tsx
index b19190ed410..55f4d0c258e 100644
--- a/src/Components/Assets/AssetType/HL7Monitor.tsx
+++ b/src/Components/Assets/AssetType/HL7Monitor.tsx
@@ -15,6 +15,7 @@ import CareIcon from "../../../CAREUI/icons/CareIcon";
 import TextFormField from "../../Form/FormFields/TextFormField";
 import HL7PatientVitalsMonitor from "../../VitalsMonitor/HL7PatientVitalsMonitor";
 import VentilatorPatientVitalsMonitor from "../../VitalsMonitor/VentilatorPatientVitalsMonitor";
+import useAuthUser from "../../../Common/hooks/useAuthUser";
 
 interface HL7MonitorProps {
   assetId: string;
@@ -31,7 +32,7 @@ const HL7Monitor = (props: HL7MonitorProps) => {
   const [isLoading, setIsLoading] = useState(true);
   const [localipAddress, setLocalIPAddress] = useState("");
   const [ipadrdress_error, setIpAddress_error] = useState("");
-
+  const authUser = useAuthUser();
   const dispatch = useDispatch<any>();
 
   useEffect(() => {
@@ -87,40 +88,42 @@ const HL7Monitor = (props: HL7MonitorProps) => {
   return (
     <div className="mx-auto flex w-full xl:mt-8">
       <div className="mx-auto flex flex-col gap-4 xl:flex-row-reverse">
-        <div className="flex w-full shrink-0 flex-col gap-4 xl:max-w-xs">
-          <Card className="flex w-full flex-col">
-            <form onSubmit={handleSubmit}>
-              <h2 className="mb-2 text-lg font-bold">Connection</h2>
-              <div className="flex flex-col">
-                <TextFormField
-                  name="middlewareHostname"
-                  label="Middleware Hostname"
-                  placeholder={facilityMiddlewareHostname}
-                  value={middlewareHostname}
-                  onChange={(e) => setMiddlewareHostname(e.value)}
-                  errorClassName="hidden"
-                />
-                <TextFormField
-                  name="localipAddress"
-                  label="Local IP Address"
-                  value={localipAddress}
-                  onChange={(e) => setLocalIPAddress(e.value)}
-                  required
-                  error={ipadrdress_error}
-                />
-                <Submit className="w-full">
-                  <CareIcon className="care-l-save" />
-                  <span>Save Configuration</span>
-                </Submit>
-              </div>
-            </form>
-          </Card>
-          {["HL7MONITOR"].includes(assetType) && (
-            <Card>
-              <MonitorConfigure asset={asset as AssetData} />
+        {["DistrictAdmin", "StateAdmin"].includes(authUser.user_type) && (
+          <div className="flex w-full shrink-0 flex-col gap-4 xl:max-w-xs">
+            <Card className="flex w-full flex-col">
+              <form onSubmit={handleSubmit}>
+                <h2 className="mb-2 text-lg font-bold">Connection</h2>
+                <div className="flex flex-col">
+                  <TextFormField
+                    name="middlewareHostname"
+                    label="Middleware Hostname"
+                    placeholder={facilityMiddlewareHostname}
+                    value={middlewareHostname}
+                    onChange={(e) => setMiddlewareHostname(e.value)}
+                    errorClassName="hidden"
+                  />
+                  <TextFormField
+                    name="localipAddress"
+                    label="Local IP Address"
+                    value={localipAddress}
+                    onChange={(e) => setLocalIPAddress(e.value)}
+                    required
+                    error={ipadrdress_error}
+                  />
+                  <Submit className="w-full">
+                    <CareIcon className="care-l-save" />
+                    <span>Save Configuration</span>
+                  </Submit>
+                </div>
+              </form>
             </Card>
-          )}
-        </div>
+            {["HL7MONITOR"].includes(assetType) && (
+              <Card>
+                <MonitorConfigure asset={asset as AssetData} />
+              </Card>
+            )}
+          </div>
+        )}
 
         {assetType === "HL7MONITOR" && (
           <HL7PatientVitalsMonitor
diff --git a/src/Components/Assets/AssetType/ONVIFCamera.tsx b/src/Components/Assets/AssetType/ONVIFCamera.tsx
index 0f26c4924ae..5cb518a3855 100644
--- a/src/Components/Assets/AssetType/ONVIFCamera.tsx
+++ b/src/Components/Assets/AssetType/ONVIFCamera.tsx
@@ -16,6 +16,7 @@ import { checkIfValidIP } from "../../../Common/validation";
 import TextFormField from "../../Form/FormFields/TextFormField";
 import { Submit } from "../../Common/components/ButtonV2";
 import { SyntheticEvent } from "react";
+import useAuthUser from "../../../Common/hooks/useAuthUser";
 
 interface ONVIFCameraProps {
   assetId: string;
@@ -44,7 +45,7 @@ const ONVIFCamera = (props: ONVIFCameraProps) => {
   );
   const [refreshHash, setRefreshHash] = useState(Number(new Date()));
   const dispatch = useDispatch<any>();
-
+  const authUser = useAuthUser();
   useEffect(() => {
     const fetchFacility = async () => {
       const res = await dispatch(getPermittedFacility(facilityId));
@@ -147,57 +148,59 @@ const ONVIFCamera = (props: ONVIFCameraProps) => {
 
   return (
     <div className="space-y-6">
-      <form className="rounded bg-white p-8 shadow" onSubmit={handleSubmit}>
-        <div className="grid grid-cols-1 gap-x-4 lg:grid-cols-2">
-          <TextFormField
-            name="middleware_hostname"
-            label="Hospital Middleware Hostname"
-            autoComplete="off"
-            value={middlewareHostname}
-            onChange={({ value }) => setMiddlewareHostname(value)}
-          />
-          <TextFormField
-            name="camera_address"
-            label="Local IP Address"
-            autoComplete="off"
-            value={cameraAddress}
-            onChange={({ value }) => setCameraAddress(value)}
-            error={ipadrdress_error}
-          />
-          <TextFormField
-            name="username"
-            label="Username"
-            autoComplete="off"
-            value={username}
-            onChange={({ value }) => setUsername(value)}
-          />
-          <TextFormField
-            name="password"
-            label="Password"
-            autoComplete="off"
-            type="password"
-            value={password}
-            onChange={({ value }) => setPassword(value)}
-          />
-          <TextFormField
-            name="stream_uuid"
-            label="Stream UUID"
-            autoComplete="off"
-            value={streamUuid}
-            type="password"
-            className="tracking-widest"
-            labelClassName="tracking-normal"
-            onChange={({ value }) => setStreamUuid(value)}
-          />
-        </div>
-        <div className="flex justify-end">
-          <Submit
-            disabled={loadingSetConfiguration}
-            className="w-full md:w-auto"
-            label="Set Configuration"
-          />
-        </div>
-      </form>
+      {["DistrictAdmin", "StateAdmin"].includes(authUser.user_type) && (
+        <form className="rounded bg-white p-8 shadow" onSubmit={handleSubmit}>
+          <div className="grid grid-cols-1 gap-x-4 lg:grid-cols-2">
+            <TextFormField
+              name="middleware_hostname"
+              label="Hospital Middleware Hostname"
+              autoComplete="off"
+              value={middlewareHostname}
+              onChange={({ value }) => setMiddlewareHostname(value)}
+            />
+            <TextFormField
+              name="camera_address"
+              label="Local IP Address"
+              autoComplete="off"
+              value={cameraAddress}
+              onChange={({ value }) => setCameraAddress(value)}
+              error={ipadrdress_error}
+            />
+            <TextFormField
+              name="username"
+              label="Username"
+              autoComplete="off"
+              value={username}
+              onChange={({ value }) => setUsername(value)}
+            />
+            <TextFormField
+              name="password"
+              label="Password"
+              autoComplete="off"
+              type="password"
+              value={password}
+              onChange={({ value }) => setPassword(value)}
+            />
+            <TextFormField
+              name="stream_uuid"
+              label="Stream UUID"
+              autoComplete="off"
+              value={streamUuid}
+              type="password"
+              className="tracking-widest"
+              labelClassName="tracking-normal"
+              onChange={({ value }) => setStreamUuid(value)}
+            />
+          </div>
+          <div className="flex justify-end">
+            <Submit
+              disabled={loadingSetConfiguration}
+              className="w-full md:w-auto"
+              label="Set Configuration"
+            />
+          </div>
+        </form>
+      )}
 
       {assetType === "ONVIF" ? (
         <CameraConfigure