feat: updated wording & styling on industry user access request pages

bcgov · Jan 22, 2025 · f63e55a · f63e55a
1 parent d39da4e
commit f63e55a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/bciers/apps/administration/app/components/userOperators/SelectOperatorConfirmForm.tsx b/bciers/apps/administration/app/components/userOperators/SelectOperatorConfirmForm.tsx
@@ -10,7 +10,7 @@ import {
   TableRow,
 } from "@mui/material";
 import { useState } from "react";
-import WarningIcon from "@mui/icons-material/Warning";
+import WarningRoundedIcon from "@mui/icons-material/WarningRounded";
 import RequestAccessButton from "../buttons/RequestAccessButton";
 import Link from "next/link";
 import { BC_GOV_LINKS_COLOR, DARK_GREY_BG_COLOR } from "@bciers/styles/colors";
@@ -45,7 +45,7 @@ export default function SelectOperatorConfirmForm({
   );
 
   const operatorHasNoAdmin: JSX.Element = (
-    <div data-testid="has-no-admin-message" style={{ fontSize: "16px" }}>
+    <div data-testid="has-no-admin-message">
       <p>
         The operator <b>{operator.legal_name}</b> does not have an administrator
         yet.
@@ -71,11 +71,11 @@ export default function SelectOperatorConfirmForm({
   );
 
   return (
-    <section className="text-center my-auto text-2xl flex flex-col gap-3">
+    <section className="text-center my-auto flex flex-col gap-3">
       {hasConfirmedOperator ? (
         <>
           <span>
-            <WarningIcon sx={{ color: "#fcba19", fontSize: "40px" }} />
+            <WarningRoundedIcon sx={{ color: "#fcba19", fontSize: "40px" }} />
           </span>
           <div>{hasAdmin ? operatorHasAdminJSX : operatorHasNoAdmin}</div>
           <Link

diff --git a/bciers/apps/administration/app/components/userOperators/SelectOperatorConfirmPage.tsx b/bciers/apps/administration/app/components/userOperators/SelectOperatorConfirmPage.tsx
@@ -1,4 +1,4 @@
-import CancelIcon from "@mui/icons-material/Cancel";
+import WarningIcon from "@mui/icons-material/Warning";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { BC_GOV_LINKS_COLOR } from "@bciers/styles/colors";
@@ -42,7 +42,7 @@ export default async function SelectOperatorConfirmPage({
           </p>
           <p className="text-center">
             If you believe this is an error and you should be granted access,
-            please email us at <br />
+            please email us at{" "}
             <a
               href="mailto:GHGRegulator@gov.bc.ca"
               className="text-black font-bold no-underline"
@@ -53,9 +53,9 @@ export default async function SelectOperatorConfirmPage({
         </div>
       );
       return (
-        <section className="text-center my-auto text-2xl flex flex-col gap-3">
+        <section className="text-center my-auto flex flex-col gap-3">
           <span>
-            <CancelIcon sx={{ color: "#FF0000", fontSize: 50 }} />
+            <WarningIcon sx={{ color: "#D8292F", fontSize: 50 }} />
           </span>
           {hasAdmin ? declinedHasAdminJSX : declinedNoAdminJSX}
           <span className="text-sm">

diff --git a/bciers/apps/administration/app/components/userOperators/SelectOperatorReceivedPage.tsx b/bciers/apps/administration/app/components/userOperators/SelectOperatorReceivedPage.tsx
@@ -1,4 +1,4 @@
-import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilledIcon";
+import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilled";
 
 import { notFound } from "next/navigation";
 import { Operator } from "../userOperators/types";