From d8c5828987bef1cdc843c53b671e36066c0c51eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Pfeuffer?= <rene.pfeuffer@cloudogu.com>
Date: Wed, 19 Sep 2018 16:39:29 +0200
Subject: [PATCH] Move changeset id renderer to component

---
 scm-ui/src/repos/components/ChangesetId.js  | 25 +++++++++++++++++++++
 scm-ui/src/repos/components/ChangesetRow.js | 14 +++---------
 2 files changed, 28 insertions(+), 11 deletions(-)
 create mode 100644 scm-ui/src/repos/components/ChangesetId.js

diff --git a/scm-ui/src/repos/components/ChangesetId.js b/scm-ui/src/repos/components/ChangesetId.js
new file mode 100644
index 0000000000..7669cd606e
--- /dev/null
+++ b/scm-ui/src/repos/components/ChangesetId.js
@@ -0,0 +1,25 @@
+//@flow
+
+import { Link } from "react-router-dom";
+import React from "react";
+import type { Repository, Changeset } from "@scm-manager/ui-types";
+
+type Props = {
+  repository: Repository,
+  changeset: Changeset
+};
+
+export default class ChangesetId extends React.Component<Props> {
+  render() {
+    const { repository, changeset } = this.props;
+    return (
+      <Link
+        to={`/repo/${repository.namespace}/${repository.name}/changeset/${
+          changeset.id
+        }`}
+      >
+        {changeset.id.substr(0, 7)}
+      </Link>
+    );
+  }
+}
diff --git a/scm-ui/src/repos/components/ChangesetRow.js b/scm-ui/src/repos/components/ChangesetRow.js
index a80b8d2b11..40bcfd59ed 100644
--- a/scm-ui/src/repos/components/ChangesetRow.js
+++ b/scm-ui/src/repos/components/ChangesetRow.js
@@ -4,9 +4,9 @@ import type { Changeset, Repository } from "@scm-manager/ui-types";
 import classNames from "classnames";
 import { translate, Interpolate } from "react-i18next";
 import ChangesetAvatar from "./ChangesetAvatar";
+import ChangesetId from "./ChangesetId";
 import injectSheet from "react-jss";
 import { DateFromNow } from "@scm-manager/ui-components";
-import { Link } from "react-router-dom";
 
 const styles = {
   pointer: {
@@ -30,19 +30,11 @@ type Props = {
 class ChangesetRow extends React.Component<Props> {
   createLink = (changeset: Changeset) => {
     const { repository } = this.props;
-    return (
-      <Link
-        to={`/repo/${repository.namespace}/${repository.name}/changeset/${
-          changeset.id
-        }`}
-      >
-        {changeset.id.substr(0, 7)}
-      </Link>
-    );
+    return <ChangesetId changeset={changeset} repository={repository} />;
   };
 
   render() {
-    const { changeset, t, classes } = this.props;
+    const { changeset, classes } = this.props;
     const changesetLink = this.createLink(changeset);
     const dateFromNow = <DateFromNow date={changeset.date} />;
     const authorLine = (