From 231dcbb9cbcc69689d7193750f4f4a4b3fe4f09b 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:05:35 +0200
Subject: [PATCH] Correct link to changeset

---
 scm-ui/src/repos/components/ChangesetRow.js   | 15 +++++++++++++--
 scm-ui/src/repos/components/ChangesetTable.js |  7 ++++---
 scm-ui/src/repos/containers/Changesets.js     |  4 ++--
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetRow.js b/scm-ui/src/repos/components/ChangesetRow.js
index cd2e8a228e..27830cbb44 100644
--- a/scm-ui/src/repos/components/ChangesetRow.js
+++ b/scm-ui/src/repos/components/ChangesetRow.js
@@ -1,11 +1,12 @@
 //@flow
 import React from "react";
-import type { Changeset } from "@scm-manager/ui-types";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
 import classNames from "classnames";
 import { translate, Interpolate } from "react-i18next";
 import ChangesetAvatar from "./ChangesetAvatar";
 import injectSheet from "react-jss";
 import { DateFromNow } from "@scm-manager/ui-components";
+import { Link } from "react-router-dom";
 
 const styles = {
   pointer: {
@@ -20,6 +21,7 @@ const styles = {
 };
 
 type Props = {
+  repository: Repository,
   changeset: Changeset,
   t: any,
   classes: any
@@ -27,7 +29,16 @@ type Props = {
 
 class ChangesetRow extends React.Component<Props> {
   createLink = (changeset: Changeset) => {
-    return <a href={`/repo/changeset/${changeset.id}`}>{changeset.id}</a>;
+    const { repository } = this.props;
+    return (
+      <Link
+        to={`/repo/${repository.namespace}/${repository.name}/changeset/${
+          changeset.id
+        }`}
+      >
+        {changeset.id}
+      </Link>
+    );
   };
 
   render() {
diff --git a/scm-ui/src/repos/components/ChangesetTable.js b/scm-ui/src/repos/components/ChangesetTable.js
index 88c2b2fc3a..e16ff384c4 100644
--- a/scm-ui/src/repos/components/ChangesetTable.js
+++ b/scm-ui/src/repos/components/ChangesetTable.js
@@ -1,18 +1,19 @@
 // @flow
 import ChangesetRow from "./ChangesetRow";
 import React from "react";
-import type { Changeset } from "@scm-manager/ui-types";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
 import classNames from "classnames";
 
 type Props = {
+  repository: Repository,
   changesets: Changeset[]
 };
 
 class ChangesetTable extends React.Component<Props> {
   render() {
-    const { changesets } = this.props;
+    const { repository, changesets } = this.props;
     const content = changesets.map((changeset, index) => {
-      return <ChangesetRow key={index} changeset={changeset} />;
+      return <ChangesetRow key={index} repository={repository} changeset={changeset} />;
     });
     return <div className={classNames("box")}>{content}</div>;
   }
diff --git a/scm-ui/src/repos/containers/Changesets.js b/scm-ui/src/repos/containers/Changesets.js
index 21c8211d90..e0ab5ee560 100644
--- a/scm-ui/src/repos/containers/Changesets.js
+++ b/scm-ui/src/repos/containers/Changesets.js
@@ -77,7 +77,7 @@ class Changesets extends React.Component<State, Props> {
 
   renderTable = () => {
     const branch = this.props.match.params.branch;
-    const { changesets, branchNames } = this.props;
+    const { repository, changesets, branchNames } = this.props;
 
     if (branchNames && branchNames.length > 0) {
       return (
@@ -88,7 +88,7 @@ class Changesets extends React.Component<State, Props> {
             preselectedOption={branch}
             optionSelected={branch => this.branchChanged(branch)}
           />
-          <ChangesetTable changesets={changesets} />
+          <ChangesetTable repository={repository} changesets={changesets} />
         </div>
       );
     }