Merge pull request #241 from abilpraju-aot/bugfix/FWF-3510-image-fix

changed svg to component
AOT-Technologies · Jul 24, 2024 · 231e762 · 231e762
2 parents 5a4ba89 + dd7a836
commit 231e762
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 40 deletions.
diff --git a/forms-flow-admin/src/components/AccessDenied/AccessDenied.js b/forms-flow-admin/src/components/AccessDenied/AccessDenied.js
diff --git a/forms-flow-admin/src/components/AccessDenied/AccessDenied.svg b/forms-flow-admin/src/components/AccessDenied/AccessDenied.svg
diff --git a/forms-flow-admin/src/components/AccessDenied/index.js b/forms-flow-admin/src/components/AccessDenied/index.js
@@ -1,5 +1,5 @@
 import React from "react";
-import AccessDeniedIcon  from "./AccessDenied.svg";
+import AccessDeniedIcon  from "./AccessDenied.js";
 import './accessDenied.scss';
 import { useTranslation } from "react-i18next";
 import { BASE_ROUTE } from "../../constants/index";
@@ -24,7 +24,7 @@ const AccessDenied = ({ userRoles }) => {
 
   return (
     <div className="d-flex flex-column align-items-center text-center" data-testid="access-denied-component">
-      <img src={AccessDeniedIcon} alt="Access Denied Icon" className="mb-4 mt-2" />    
+      <AccessDeniedIcon  alt="Access Denied" className="mb-4 mt-2" />    
         <h1 className="access-denied-text" data-testid="access-denied-title">{t("Access Denied")}</h1>
       <span className="access-denied" data-testid="access-denied-message">{t("You don't have permission to access this page.")}</span>
       <span className="access-denied" data-testid="access-denied-submessage">{t("Please contact your administrator or try again later.")}</span>