admin btn

cypress/integration/nav_bar.ts

@@ -5,20 +5,24 @@ const SPRUCE_URLS = {
   userPatches: `/user/${USER_ID}/patches`,
   cli: `/preferences/cli`,
 };
+const legacyBase = "http://localhost:9090";
 const LEGACY_URLS = {
-  version: `/version/${PATCH_ID}`,
-  userPatches: `/patches/user/${USER_ID}`,
-  distros: `/distros`,
+  version: `${legacyBase}/version/${PATCH_ID}`,
+  userPatches: `${legacyBase}/patches/user/${USER_ID}`,
+  distros: `${legacyBase}/distros`,
+  admin: `${legacyBase}/admin`,
 };
 describe("Nav Bar", () => {
   const projectCookie = "mci-project-cookie";
 
   it("Should have a nav bar linking to the proper page on the legacy UI", () => {
     cy.visit(SPRUCE_URLS.version);
     cy.dataCy("legacy-ui-link").should("exist");
-    cy.dataCy("legacy-ui-link")
-      .should("have.attr", "href")
-      .and("include", LEGACY_URLS.version);
+    cy.dataCy("legacy-ui-link").should(
+      "have.attr",
+      "href",
+      LEGACY_URLS.version
+    );
   });
   it("Navigating to a different page should change the nav link to the legacy UI", () => {
     cy.visit(SPRUCE_URLS.version);
@@ -28,9 +32,11 @@ describe("Nav Bar", () => {
       .and("include", LEGACY_URLS.version);
     cy.visit(SPRUCE_URLS.userPatches);
     cy.dataCy("legacy-ui-link").should("exist");
-    cy.dataCy("legacy-ui-link")
-      .should("have.attr", "href")
-      .and("include", LEGACY_URLS.userPatches);
+    cy.dataCy("legacy-ui-link").should(
+      "have.attr",
+      "href",
+      LEGACY_URLS.userPatches
+    );
   });
   it("Visiting a page with no legacy equivalent should not display a nav link", () => {
     cy.visit(SPRUCE_URLS.cli);
@@ -41,9 +47,7 @@ describe("Nav Bar", () => {
     cy.dataCy("legacy_route").should("not.exist");
     cy.dataCy("auxiliary-dropdown-link").click();
     cy.dataCy("legacy_route").should("exist");
-    cy.dataCy("legacy_route")
-      .should("have.attr", "href")
-      .and("include", LEGACY_URLS.distros);
+    cy.dataCy("legacy_route").should("have.attr", "href", LEGACY_URLS.distros);
   });
   it("Nav Dropdown should link to patches page of most recent project if cookie exists", () => {
     cy.setCookie(projectCookie, "spruce");
@@ -100,4 +104,31 @@ describe("Nav Bar", () => {
     );
     cy.getCookie(projectCookie).should("have.property", "value", "spruce");
   });
+
+  describe("Admin settings", () => {
+    it("Should not show Admin button to non-admins", () => {
+      const userData = {
+        data: {
+          user: {
+            userId: "admin",
+            displayName: "Evergreen Admin",
+            emailAddress: "[email protected]",
+            permissions: {
+              canUpdateAdminSettings: false,
+            },
+          },
+        },
+      };
+      cy.overwriteGQL("User", userData);
+      cy.visit(SPRUCE_URLS.version);
+      cy.dataCy("admin-link").should("not.exist");
+    });
+
+    it("Should show Admin button to admins", () => {
+      cy.visit(SPRUCE_URLS.version);
+      cy.dataCy("admin-link")
+        .should("be.visible")
+        .should("have.attr", "href", LEGACY_URLS.admin);
+    });
+  });
 });

cypress/integration/version/action_buttons.ts

@@ -51,7 +51,7 @@ describe("Action Buttons", () => {
     it("Clicking 'Set Priority' button shows popconfirm with input and toast on success", () => {
       const priority = "99";
       cy.dataCy("prioritize-patch").click();
-      cy.dataCy("patch-priority-input").type(priority).type("{enter}");
+      cy.dataCy("patch-priority-input").type(`${priority}{enter}`);
       cy.validateToast("success", priority);
     });
 

cypress/support/commands.ts

@@ -1,3 +1,5 @@
+import { GQL_URL, hasOperationName } from "../utils/graphql-test-utils";
+
 const user = {
   username: "admin",
   password: "password",
@@ -113,3 +115,13 @@ Cypress.Commands.add(
     });
   }
 );
+
+Cypress.Commands.add("overwriteGQL", (operationName: string, body: any) => {
+  cy.intercept("POST", GQL_URL, (req) => {
+    if (hasOperationName(req, operationName)) {
+      req.reply((res) => {
+        res.body = body;
+      });
+    }
+  });
+});

cypress/support/e2e.ts

@@ -114,6 +114,12 @@ declare global {
         message?: string,
         shouldClose?: boolean
       ): void;
+      /**
+       * Custom command to overwrite a GQL response
+       * @param operationName - The operation name of the query
+       * @param body - The replacement response body
+       */
+      overwriteGQL(operationName: string, body: any);
     }
   }
 }

src/components/Header/Navbar.tsx

@@ -8,7 +8,7 @@ import { Link, useParams } from "react-router-dom";
 import { useNavbarAnalytics } from "analytics";
 import Icon from "components/Icon";
 import { CURRENT_PROJECT } from "constants/cookies";
-import { wikiUrl } from "constants/externalResources";
+import { adminSettingsURL, wikiUrl } from "constants/externalResources";
 import { getCommitsRoute, getUserPatchesRoute, routes } from "constants/routes";
 import { size } from "constants/tokens";
 import { useAuthStateContext } from "context/auth";
@@ -27,7 +27,7 @@ export const Navbar: React.FC = () => {
 
   const { data: userData } = useQuery<UserQuery>(GET_USER);
   const { user } = userData || {};
-  const { userId } = user || {};
+  const { permissions, userId } = user || {};
 
   const { projectIdentifier: projectFromUrl } = useParams<{
     projectIdentifier: string;
@@ -82,6 +82,11 @@ export const Navbar: React.FC = () => {
         >
           My Hosts
         </PrimaryLink>
+        {permissions?.canUpdateAdminSettings && (
+          <PrimaryLink data-cy="admin-link" to={adminSettingsURL}>
+            Admin
+          </PrimaryLink>
+        )}
         <AuxiliaryDropdown projectIdentifier={projectIdentifier} />
       </NavActionContainer>
       <NavActionContainer>

src/constants/externalResources.ts

@@ -133,3 +133,5 @@ export const getHoneycombSystemMetricsUrl = (
     query
   )}&omitMissingValues`;
 };
+
+export const adminSettingsURL = `${getUiUrl()}/admin`;

src/gql/generated/types.ts

@@ -1518,6 +1518,7 @@ export type Permissions = {
   __typename?: "Permissions";
   canCreateDistro: Scalars["Boolean"]["output"];
   canCreateProject: Scalars["Boolean"]["output"];
+  canUpdateAdminSettings: Scalars["Boolean"]["output"];
   distroPermissions: DistroPermissions;
   userId: Scalars["String"]["output"];
 };
@@ -8300,6 +8301,10 @@ export type UserQuery = {
     displayName: string;
     emailAddress: string;
     userId: string;
+    permissions: {
+      __typename?: "Permissions";
+      canUpdateAdminSettings: boolean;
+    };
   };
 };
 

src/gql/mocks/getUser.ts

@@ -14,6 +14,9 @@ export const getUserMock: ApolloMock<UserQuery, UserQueryVariables> = {
         userId: "admin",
         displayName: "Evergreen Admin",
         emailAddress: "[email protected]",
+        permissions: {
+          canUpdateAdminSettings: true,
+        },
       },
     },
   },

src/gql/queries/get-user.graphql

@@ -2,6 +2,9 @@ query User {
   user {
     displayName
     emailAddress
+    permissions {
+      canUpdateAdminSettings
+    }
     userId
   }
 }