From 96fcb55c65766c304599dd015847f5836216eff7 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Thu, 9 May 2019 13:46:02 +0200
Subject: [PATCH] added PermissionRoleRow

---
 .../components/table/PermissionRoleRow.js     | 26 +++++++++++++++++++
 .../components/table/PermissionRoleTable.js   |  9 ++++---
 2 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 scm-ui/src/config/components/table/PermissionRoleRow.js

diff --git a/scm-ui/src/config/components/table/PermissionRoleRow.js b/scm-ui/src/config/components/table/PermissionRoleRow.js
new file mode 100644
index 0000000000..7e3944fc4b
--- /dev/null
+++ b/scm-ui/src/config/components/table/PermissionRoleRow.js
@@ -0,0 +1,26 @@
+// @flow
+import React from "react";
+import { Link } from "react-router-dom";
+import type { Role } from "@scm-manager/ui-types";
+
+type Props = {
+  role: Role
+};
+
+class PermissionRoleRow extends React.Component<Props> {
+  renderLink(to: string, label: string) {
+    return <Link to={to}>{label}</Link>;
+  }
+
+  render() {
+    const { role } = this.props;
+    const to = `./${encodeURIComponent(role.name)}/info`;
+    return (
+      <tr>
+        <td>{this.renderLink(to, role.name)}</td>
+      </tr>
+    );
+  }
+}
+
+export default PermissionRoleRow;
diff --git a/scm-ui/src/config/components/table/PermissionRoleTable.js b/scm-ui/src/config/components/table/PermissionRoleTable.js
index aad77a5654..436fa2e1d5 100644
--- a/scm-ui/src/config/components/table/PermissionRoleTable.js
+++ b/scm-ui/src/config/components/table/PermissionRoleTable.js
@@ -2,10 +2,12 @@
 import React from "react";
 import { translate } from "react-i18next";
 import type { Role } from "@scm-manager/ui-types";
+import PermissionRoleRow from "./PermissionRoleRow";
 
 type Props = {
-  t: string => string,
-  roles: Role[]
+  roles: Role[],
+
+  t: string => string
 };
 
 class PermissionRoleTable extends React.Component<Props> {
@@ -16,12 +18,11 @@ class PermissionRoleTable extends React.Component<Props> {
         <thead>
         <tr>
           <th>{t("role.form.name")}</th>
-          <th>{t("role.form.permissions")}</th>
         </tr>
         </thead>
         <tbody>
         {roles.map((role, index) => {
-          return <p key={index}>role</p>;
+          return <PermissionRoleRow key={index} role={role} />;
         })}
         </tbody>
       </table>