Merge pull request #245 from AOT-Technologies/feature/FWF-3316-permis…

…sion-matrix

[🥬] Feature/fwf 3316 permission matrix to develop

.github/workflows/forms-flow-admin-cd.yml

@@ -6,6 +6,7 @@ on:
       - main
       - develop
       - release/*
+      - feature/FWF-3316-permission-matrix
     paths:
       - "forms-flow-admin/**"
       - "VERSION"

.github/workflows/forms-flow-integration-cd.yml

@@ -6,6 +6,7 @@ on:
       - main
       - develop
       - release/*
+      - feature/FWF-3316-permission-matrix
     paths:
       - "forms-flow-integration/**"
       - "VERSION"

.github/workflows/forms-flow-nav.cd.yml

@@ -6,6 +6,7 @@ on:
       - main
       - develop
       - release/*
+      - feature/FWF-3316-permission-matrix
     paths:
       - "forms-flow-nav/**"
       - "VERSION"

.github/workflows/forms-flow-service.yml

@@ -6,6 +6,7 @@ on:
       - main
       - develop
       - release/*
+      - feature/FWF-3316-permission-matrix
     paths:
       - "forms-flow-service/**"
       - "VERSION"

.github/workflows/forms-flow-theme.yml

@@ -6,6 +6,7 @@ on:
       - main
       - develop
       - release/*
+      - feature/FWF-3316-permission-matrix
     paths:
       - "forms-flow-theme/**"
       - "VERSION"

VERSION

@@ -1 +1 @@
-v6.1.0-alpha
+v6.1.0-rbac-alpha

forms-flow-admin/src/components/AccessDenied/accessDenied.scss

@@ -0,0 +1,12 @@
+.access-denied-text {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 2rem;
+    color: var(--ff-black);
+    opacity: 1;
+  }
+  .access-denied{
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 1rem;
+    color: var(--ff-black);
+    opacity: 1;
+  }

forms-flow-admin/src/components/AccessDenied/index.js

@@ -0,0 +1,45 @@
+import React from "react";
+import AccessDeniedIcon  from "./AccessDenied.js";
+import './accessDenied.scss';
+import { useTranslation } from "react-i18next";
+import { BASE_ROUTE } from "../../constants/index";
+import { useHistory } from "react-router-dom";
+
+
+const AccessDenied = ({ userRoles }) => {
+  const { t } = useTranslation();
+  const history = useHistory();
+
+  const handleLogout = () => {
+    const kcInstance = kcServiceInstance(); 
+    kcInstance.userLogout();
+  };
+
+  const handleReturn = () => {
+    history.push(BASE_ROUTE);
+  };
+
+  const showReturnToLogin = userRoles?.length === 0;
+  const showReturnToHome = userRoles?.length > 0;
+
+  return (
+    <div className="d-flex flex-column align-items-center text-center" data-testid="access-denied-component">
+      <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>
+      {showReturnToLogin && (
+        <button className="btn btn-primary me-1 mt-4" onClick={handleLogout} data-testid="return-to-login-button">
+          {t("Return to login")}
+        </button>
+      )}
+      {showReturnToHome && (
+        <button className="btn btn-primary me-1 mt-4" onClick={handleReturn} data-testid="return-to-home-button">
+          {t("Return to home")}
+        </button>
+      )}
+    </div>
+  );
+};
+
+export default AccessDenied;