Tailwinds ManageUsers.tsx (#5664)

* tailwinds #5002 * update cypress * fix cypress
ohcnetwork · Jun 21, 2023 · a4fd3ef · a4fd3ef
1 parent 2cd244a
commit a4fd3ef
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/cypress/e2e/users_spec/user_crud.cy.ts b/cypress/e2e/users_spec/user_crud.cy.ts
@@ -108,7 +108,7 @@ describe("User management", () => {
       .wait("@getFacilities");
     cy.get("li[role='option']").contains("cypress facility").click();
     cy.intercept(/\/api\/v1\/users\/\w+\/add_facility\//).as("addFacility");
-    cy.get("button > span").contains("Add").click();
+    cy.get("button[id='link-facility']").click();
     cy.wait("@addFacility")
       // .its("response.statusCode")
       // .should("eq", 201)

diff --git a/src/Components/Users/ManageUsers.tsx b/src/Components/Users/ManageUsers.tsx
@@ -1,6 +1,4 @@
 import * as Notification from "../../Utils/Notifications.js";
-
-import { Button, CircularProgress } from "@material-ui/core";
 import {
   addUserFacility,
   clearHomeFacility,
@@ -36,9 +34,10 @@ import moment from "moment";
 import { navigate } from "raviger";
 import useFilters from "../../Common/hooks/useFilters";
 import useWindowDimensions from "../../Common/hooks/useWindowDimensions";
+import CircularProgress from "../Common/components/CircularProgress.js";
+import Page from "../Common/components/Page.js";
 
 const Loading = loadable(() => import("../Common/Loading"));
-const PageTitle = loadable(() => import("../Common/PageTitle"));
 
 export default function ManageUsers() {
   const { width } = useWindowDimensions();
@@ -414,20 +413,19 @@ export default function ManageUsers() {
   }
 
   return (
-    <div>
+    <Page
+      title="User Management"
+      hideBack={true}
+      className="mx-5 px-2"
+      breadcrumbs={false}
+    >
       {expandSkillList && (
         <SkillsSlideOver
           show={expandSkillList}
           setShow={setExpandSkillList}
           username={selectedUser}
         />
       )}
-      <PageTitle
-        title="User Management"
-        hideBack={true}
-        className="mx-5 px-2"
-        breadcrumbs={false}
-      />
       <SlideOverCustom
         open={expandFacilityList}
         setOpen={setExpandFacilityList}
@@ -492,7 +490,7 @@ export default function ManageUsers() {
           handleOk={handleSubmit}
         />
       )}
-    </div>
+    </Page>
   );
 }
 
@@ -616,19 +614,18 @@ function UserFacilities(props: { user: any }) {
           errors=""
           className="z-40"
         />
-        <Button
-          color="primary"
+        <ButtonV2
+          id="link-facility"
           disabled={!facility}
           className="mt-1"
           onClick={() => addFacility(username, facility)}
-          autoFocus
         >
           Add
-        </Button>
+        </ButtonV2>
       </div>
       {isLoading ? (
         <div className="flex justify-center items-center">
-          <CircularProgress className="text-primary-500" />
+          <CircularProgress />
         </div>
       ) : (
         <div className="flex flex-col">