Added ui error handling for 403 errors

scm-ui-components/packages/ui-components/src/ErrorNotification.js

@@ -1,7 +1,7 @@
 //@flow
 import React from "react";
 import { translate } from "react-i18next";
-import { BackendError, UnauthorizedError } from "./errors";
+import { BackendError, ForbiddenError, UnauthorizedError } from "./errors";
 import Notification from "./Notification";
 import BackendErrorNotification from "./BackendErrorNotification";
 
@@ -27,7 +27,15 @@ class ErrorNotification extends React.Component<Props> {
             </a>
           </Notification>
         );
-      } else {
+      } else if (error instanceof ForbiddenError) {
+        return (
+          <Notification type="danger">
+            <strong>{t("error-notification.prefix")}:</strong>{" "}
+            {t("error-notification.forbidden")}
+          </Notification>
+        )
+      } else
+       {
         return (
           <Notification type="danger">
             <strong>{t("error-notification.prefix")}:</strong> {error.message}

scm-ui-components/packages/ui-components/src/ErrorPage.js

@@ -1,7 +1,7 @@
 //@flow
 import React from "react";
 import ErrorNotification from "./ErrorNotification";
-import { BackendError } from "./errors";
+import { BackendError, ForbiddenError } from "./errors";
 
 type Props = {
   error: Error,
@@ -26,7 +26,7 @@ class ErrorPage extends React.Component<Props> {
 
   renderSubtitle = () => {
     const { error, subtitle } = this.props;
-    if (error instanceof BackendError) {
+    if (error instanceof BackendError || error instanceof ForbiddenError) {
       return null;
     }
     return <p className="subtitle">{subtitle}</p>

scm-ui-components/packages/ui-components/src/apiclient.js

@@ -1,6 +1,6 @@
 // @flow
 import { contextPath } from "./urls";
-import {createBackendError, isBackendError, UnauthorizedError} from "./errors";
+import { createBackendError, ForbiddenError, isBackendError, UnauthorizedError } from "./errors";
 import type { BackendErrorContent } from "./errors";
 
 const fetchOptions: RequestOptions = {
@@ -22,7 +22,10 @@ function handleFailure(response: Response) {
     } else {
       if (response.status === 401) {
         throw new UnauthorizedError("Unauthorized", 401);
+      } else if (response.status === 403) {
+        throw new ForbiddenError("Forbidden", 403);
       }
+
       throw new Error("server returned status code " + response.status);
     }
   }

scm-ui-components/packages/ui-components/src/errors.js

@@ -39,6 +39,14 @@ export class UnauthorizedError extends Error {
   }
 }
 
+export class ForbiddenError extends Error {
+  statusCode: number;
+  constructor(message: string, statusCode: number) {
+    super(message);
+    this.statusCode = statusCode;
+  }
+}
+
 export class NotFoundError extends BackendError {
   constructor(content: BackendErrorContent, statusCode: number) {
     super(content, "NotFoundError", statusCode);

scm-ui/public/locales/de/commons.json

@@ -23,7 +23,8 @@
     "prefix": "Fehler",
     "loginLink": "Erneute Anmeldung",
     "timeout": "Die Session ist abgelaufen.",
-    "wrong-login-credentials": "Ungültige Anmeldedaten"
+    "wrong-login-credentials": "Ungültige Anmeldedaten",
+    "forbidden": "Sie haben nicht die Berechtigung, diese Entität zu sehen"
   },
   "loading": {
     "alt": "Lade ..."

scm-ui/public/locales/en/commons.json

@@ -23,7 +23,8 @@
     "prefix": "Error",
     "loginLink": "You can login here again.",
     "timeout": "The session has expired",
-    "wrong-login-credentials": "Invalid credentials"
+    "wrong-login-credentials": "Invalid credentials",
+    "forbidden": "You don't have permission to view this entity"
   },
   "loading": {
     "alt": "Loading ..."