add Errorhandling to CreateRepoRole & EditRepoRole

scm-ui/src/config/roles/containers/EditRepositoryRole.js

@@ -6,35 +6,38 @@ import { translate } from "react-i18next";
 import {
   getModifyRoleFailure,
   isModifyRolePending,
-  modifyRole,
+  modifyRole
 } from "../modules/roles";
+import { ErrorNotification } from "@scm-manager/ui-components";
 import type { Role } from "@scm-manager/ui-types";
 
 type Props = {
   disabled: boolean,
   role: Role,
   repositoryRolesLink: string,
+  error?: Error,
 
   //dispatch function
   updateRole: (link: string, role: Role, callback?: () => void) => void
 };
 
-
-
 class EditRepositoryRole extends React.Component<Props> {
-
   repositoryRoleUpdated = (role: Role) => {
     const { history } = this.props;
     history.push("/config/roles/");
   };
 
   updateRepositoryRole = (role: Role) => {
-    this.props.updateRole(role, () =>
-      this.repositoryRoleUpdated(role)
-    );
+    this.props.updateRole(role, () => this.repositoryRoleUpdated(role));
   };
 
   render() {
+    const { error } = this.props;
+
+    if (error) {
+      return <ErrorNotification error={error} />;
+    }
+
     return (
       <>
         <RepositoryRoleForm
@@ -44,16 +47,16 @@ class EditRepositoryRole extends React.Component<Props> {
         />
       </>
     );
-  }w
+  }
 }
 
 const mapStateToProps = (state, ownProps) => {
   const loading = isModifyRolePending(state);
-  const error = getModifyRoleFailure(state);
+  const error = getModifyRoleFailure(state, ownProps.role.name);
 
   return {
     loading,
-    error,
+    error
   };
 };