From 0dbe97bf8aebd168e5db21c1b87477ab07f29220 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 13 Sep 2018 10:20:54 +0200
Subject: [PATCH 01/32] create branch


From 1dab4c69fed5f1294972a3cd12da95fa2265ce30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 13 Sep 2018 12:20:28 +0200
Subject: [PATCH 02/32] mockup

---
 .../changesets/containers/ChangesetView.js    |  18 +
 .../repos/changesets/modules/changesets.js    |   0
 .../changesets/modules/changesets.test.js     |   0
 .../src/repos/changesets/types/Changeset.js   |  13 +
 scm-ui/src/repos/containers/RepositoryRoot.js |   7 +-
 scm-ui/yarn.lock                              | 860 +++++++-----------
 6 files changed, 356 insertions(+), 542 deletions(-)
 create mode 100644 scm-ui/src/repos/changesets/containers/ChangesetView.js
 create mode 100644 scm-ui/src/repos/changesets/modules/changesets.js
 create mode 100644 scm-ui/src/repos/changesets/modules/changesets.test.js
 create mode 100644 scm-ui/src/repos/changesets/types/Changeset.js

diff --git a/scm-ui/src/repos/changesets/containers/ChangesetView.js b/scm-ui/src/repos/changesets/containers/ChangesetView.js
new file mode 100644
index 0000000000..a3d8effc7d
--- /dev/null
+++ b/scm-ui/src/repos/changesets/containers/ChangesetView.js
@@ -0,0 +1,18 @@
+//@flow
+import React from "react";
+
+type Props = {
+
+}
+
+class ChangesetView extends React.Component<Props> {
+  render() {
+    return (
+      <div>
+Hallo! Changesets here!
+      </div>
+    );
+  }
+}
+
+export default ChangesetView;
diff --git a/scm-ui/src/repos/changesets/modules/changesets.js b/scm-ui/src/repos/changesets/modules/changesets.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/scm-ui/src/repos/changesets/modules/changesets.test.js b/scm-ui/src/repos/changesets/modules/changesets.test.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/scm-ui/src/repos/changesets/types/Changeset.js b/scm-ui/src/repos/changesets/types/Changeset.js
new file mode 100644
index 0000000000..ac7b9861f7
--- /dev/null
+++ b/scm-ui/src/repos/changesets/types/Changeset.js
@@ -0,0 +1,13 @@
+//@flow
+import type { Links } from "@scm-manager/ui-types";
+
+export type Changeset = {
+  id: String,
+  author: {
+    mail: String,
+    name: String
+  },
+  date: String,
+  description: String,
+  _links: Links
+};
diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 2816cdb5c5..47815a0b45 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -8,7 +8,7 @@ import {
   isFetchRepoPending
 } from "../modules/repos";
 import { connect } from "react-redux";
-import { Route } from "react-router-dom";
+import { Route, Switch } from "react-router-dom";
 import type { Repository } from "@scm-manager/ui-types";
 import {
   Page,
@@ -25,6 +25,7 @@ import Edit from "../containers/Edit";
 
 import type { History } from "history";
 import EditNavLink from "../components/EditNavLink";
+import ChangesetView from "../changesets/containers/ChangesetView";
 
 type Props = {
   namespace: string,
@@ -101,6 +102,10 @@ class RepositoryRoot extends React.Component<Props> {
               path={`${url}/edit`}
               component={() => <Edit repository={repository} />}
             />
+            <Route
+              path={`${url}/changesets`}
+              component={() => <ChangesetView repository={repository} />}
+            />
           </div>
           <div className="column">
             <Navigation>
diff --git a/scm-ui/yarn.lock b/scm-ui/yarn.lock
index 26bfec8070..f7b0b225d9 100644
--- a/scm-ui/yarn.lock
+++ b/scm-ui/yarn.lock
@@ -2,12 +2,6 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.51.tgz#bd71d9b192af978df915829d39d4094456439a0c"
-  dependencies:
-    "@babel/highlight" "7.0.0-beta.51"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.35":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
@@ -15,8 +9,8 @@
     "@babel/highlight" "^7.0.0"
 
 "@babel/core@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.0.0.tgz#0cb0c0fd2e78a0a2bec97698f549ae9ce0b99515"
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.0.1.tgz#406658caed0e9686fa4feb5c2f3cefb6161c0f41"
   dependencies:
     "@babel/code-frame" "^7.0.0"
     "@babel/generator" "^7.0.0"
@@ -33,16 +27,6 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0-beta.51.tgz#6c7575ffde761d07485e04baedc0392c6d9e30f6"
-  dependencies:
-    "@babel/types" "7.0.0-beta.51"
-    jsesc "^2.5.1"
-    lodash "^4.17.5"
-    source-map "^0.5.0"
-    trim-right "^1.0.1"
-
 "@babel/generator@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0.tgz#1efd58bffa951dc846449e58ce3a1d7f02d393aa"
@@ -96,14 +80,6 @@
     "@babel/traverse" "^7.0.0"
     "@babel/types" "^7.0.0"
 
-"@babel/helper-function-name@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.0.0-beta.51.tgz#21b4874a227cf99ecafcc30a90302da5a2640561"
-  dependencies:
-    "@babel/helper-get-function-arity" "7.0.0-beta.51"
-    "@babel/template" "7.0.0-beta.51"
-    "@babel/types" "7.0.0-beta.51"
-
 "@babel/helper-function-name@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.0.0.tgz#a68cc8d04420ccc663dd258f9cc41b8261efa2d4"
@@ -112,12 +88,6 @@
     "@babel/template" "^7.0.0"
     "@babel/types" "^7.0.0"
 
-"@babel/helper-get-function-arity@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.51.tgz#3281b2d045af95c172ce91b20825d85ea4676411"
-  dependencies:
-    "@babel/types" "7.0.0-beta.51"
-
 "@babel/helper-get-function-arity@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz#83572d4320e2a4657263734113c42868b64e49c3"
@@ -195,12 +165,6 @@
     "@babel/template" "^7.0.0"
     "@babel/types" "^7.0.0"
 
-"@babel/helper-split-export-declaration@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.51.tgz#8a6c3f66c4d265352fc077484f9f6e80a51ab978"
-  dependencies:
-    "@babel/types" "7.0.0-beta.51"
-
 "@babel/helper-split-export-declaration@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0.tgz#3aae285c0311c2ab095d997b8c9a94cad547d813"
@@ -224,14 +188,6 @@
     "@babel/traverse" "^7.0.0"
     "@babel/types" "^7.0.0"
 
-"@babel/highlight@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0-beta.51.tgz#e8844ae25a1595ccfd42b89623b4376ca06d225d"
-  dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^3.0.0"
-
 "@babel/highlight@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0.tgz#f710c38c8d458e6dd9a201afb637fcb781ce99e4"
@@ -240,10 +196,6 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.0.0-beta.51.tgz#27cec2df409df60af58270ed8f6aa55409ea86f6"
-
 "@babel/parser@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.0.0.tgz#697655183394facffb063437ddf52c0277698775"
@@ -624,15 +576,6 @@
     "@babel/plugin-transform-react-jsx-self" "^7.0.0"
     "@babel/plugin-transform-react-jsx-source" "^7.0.0"
 
-"@babel/template@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0-beta.51.tgz#9602a40aebcf357ae9677e2532ef5fc810f5fbff"
-  dependencies:
-    "@babel/code-frame" "7.0.0-beta.51"
-    "@babel/parser" "7.0.0-beta.51"
-    "@babel/types" "7.0.0-beta.51"
-    lodash "^4.17.5"
-
 "@babel/template@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0.tgz#c2bc9870405959c89a9c814376a2ecb247838c80"
@@ -641,21 +584,6 @@
     "@babel/parser" "^7.0.0"
     "@babel/types" "^7.0.0"
 
-"@babel/traverse@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0-beta.51.tgz#981daf2cec347a6231d3aa1d9e1803b03aaaa4a8"
-  dependencies:
-    "@babel/code-frame" "7.0.0-beta.51"
-    "@babel/generator" "7.0.0-beta.51"
-    "@babel/helper-function-name" "7.0.0-beta.51"
-    "@babel/helper-split-export-declaration" "7.0.0-beta.51"
-    "@babel/parser" "7.0.0-beta.51"
-    "@babel/types" "7.0.0-beta.51"
-    debug "^3.1.0"
-    globals "^11.1.0"
-    invariant "^2.2.0"
-    lodash "^4.17.5"
-
 "@babel/traverse@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0.tgz#b1fe9b6567fdf3ab542cfad6f3b31f854d799a61"
@@ -670,14 +598,6 @@
     globals "^11.1.0"
     lodash "^4.17.10"
 
-"@babel/types@7.0.0-beta.51":
-  version "7.0.0-beta.51"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.51.tgz#d802b7b543b5836c778aa691797abf00f3d97ea9"
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.5"
-    to-fast-properties "^2.0.0"
-
 "@babel/types@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0.tgz#6e191793d3c854d19c6749989e3bc55f0e962118"
@@ -690,13 +610,6 @@
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.3.1.tgz#5466b8f31c1f493a96754c1426c25796d0633dd9"
 
-"@gimenete/type-writer@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@gimenete/type-writer/-/type-writer-0.1.3.tgz#2d4f26118b18d71f5b34ca24fdd6d1fd455c05b6"
-  dependencies:
-    camelcase "^5.0.0"
-    prettier "^1.13.7"
-
 "@gulp-sourcemaps/identity-map@1.X":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@gulp-sourcemaps/identity-map/-/identity-map-1.0.2.tgz#1e6fe5d8027b1f285dc0d31762f566bccd73d5a9"
@@ -715,10 +628,9 @@
     through2 "^2.0.3"
 
 "@octokit/rest@^15.2.6":
-  version "15.11.0"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-15.11.0.tgz#4851f24cf1ae26aa813c871cfc39a8287a42e8e8"
+  version "15.11.2"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-15.11.2.tgz#61bbfb6fa572eff0643cbe62ef695adac194ca8a"
   dependencies:
-    "@gimenete/type-writer" "^0.1.3"
     before-after-hook "^1.1.0"
     btoa-lite "^1.0.0"
     debug "^3.1.0"
@@ -833,8 +745,8 @@ acorn-node@^1.2.0, acorn-node@^1.3.0, acorn-node@^1.5.2:
     xtend "^4.0.1"
 
 acorn@5.X, acorn@^5.0.0, acorn@^5.0.3, acorn@^5.5.3, acorn@^5.6.0, acorn@^5.7.1:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.2.tgz#91fa871883485d06708800318404e72bfb26dcc5"
+  version "5.7.3"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
 
 after@0.8.2:
   version "0.8.2"
@@ -868,14 +780,6 @@ ajv@^6.0.1, ajv@^6.5.3:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-align-text@^0.1.1, align-text@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
-  dependencies:
-    kind-of "^3.0.2"
-    longest "^1.0.1"
-    repeat-string "^1.5.2"
-
 amdefine@>=0.0.4:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
@@ -926,11 +830,11 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-append-transform@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-1.0.0.tgz#046a52ae582a228bd72f58acfbe2967c678759ab"
+append-transform@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-0.4.0.tgz#d76ebf8ca94d276e247a36bad44a4b74ab611991"
   dependencies:
-    default-require-extensions "^2.0.0"
+    default-require-extensions "^1.0.0"
 
 aproba@^1.0.3:
   version "1.2.0"
@@ -1051,10 +955,6 @@ arrify@^1.0.0, arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
 
-asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-
 asn1.js@^4.0.0:
   version "4.10.1"
   resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
@@ -1111,11 +1011,11 @@ async-limiter@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
 
-async@1.5.2, async@^1.4.0:
+async@1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
 
-async@^2.1.4:
+async@^2.1.4, async@^2.5.0:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.1.tgz#b245a23ca71930044ec53fa46aa00a3e87c6a610"
   dependencies:
@@ -1221,9 +1121,9 @@ babel-helpers@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-jest@^23.4.2:
-  version "23.4.2"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-23.4.2.tgz#f276de67798a5d68f2d6e87ff518c2f6e1609877"
+babel-jest@^23.4.2, babel-jest@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-23.6.0.tgz#a644232366557a2240a0c083da6b25786185a2f1"
   dependencies:
     babel-plugin-istanbul "^4.1.6"
     babel-preset-jest "^23.2.0"
@@ -1236,7 +1136,7 @@ babel-messages@^6.23.0:
 
 babel-plugin-istanbul@^4.1.6:
   version "4.1.6"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz#36c59b2192efce81c5b378321b74175add1c9a45"
+  resolved "http://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz#36c59b2192efce81c5b378321b74175add1c9a45"
   dependencies:
     babel-plugin-syntax-object-rest-spread "^6.13.0"
     find-up "^2.1.0"
@@ -1383,8 +1283,8 @@ better-assert@~1.0.0:
     callsite "1.0.0"
 
 big-integer@^1.6.17:
-  version "1.6.35"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.35.tgz#e093c3a50f63fb6bda0b5511c9425f1befcba74d"
+  version "1.6.36"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.36.tgz#78631076265d4ae3555c04f85e7d9d2f3a071a36"
 
 binary-extensions@^1.0.0:
   version "1.11.0"
@@ -1540,7 +1440,7 @@ browser-sync@^2.24.7:
 
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
+  resolved "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
   dependencies:
     buffer-xor "^1.0.3"
     cipher-base "^1.0.0"
@@ -1581,7 +1481,7 @@ browserify-des@^1.0.0:
 
 browserify-rsa@^4.0.0:
   version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  resolved "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
   dependencies:
     bn.js "^4.1.0"
     randombytes "^2.0.1"
@@ -1658,11 +1558,11 @@ browserify@^16.1.0, browserify@^16.2.2:
     xtend "^4.0.0"
 
 browserslist@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.1.0.tgz#81cbb8e52dfa09918f93c6e051d779cb7360785d"
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.1.1.tgz#328eb4ff1215b12df6589e9ab82f8adaa4fc8cd6"
   dependencies:
-    caniuse-lite "^1.0.30000878"
-    electron-to-chromium "^1.3.61"
+    caniuse-lite "^1.0.30000884"
+    electron-to-chromium "^1.3.62"
     node-releases "^1.0.0-alpha.11"
 
 bs-recipes@1.3.4:
@@ -1765,10 +1665,6 @@ camelcase-keys@^2.0.0:
     camelcase "^2.0.0"
     map-obj "^1.0.0"
 
-camelcase@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
-
 camelcase@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
@@ -1781,13 +1677,9 @@ camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
 
-camelcase@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.0.0.tgz#03295527d58bd3cd4aa75363f35b2e8d97be2f42"
-
-caniuse-lite@^1.0.30000878:
-  version "1.0.30000884"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000884.tgz#eb82a959698745033b26a4dcd34d89dba7cc6eb3"
+caniuse-lite@^1.0.30000884:
+  version "1.0.30000885"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000885.tgz#e889e9f8e7e50e769f2a49634c932b8aee622984"
 
 capture-exit@^1.2.0:
   version "1.2.0"
@@ -1803,13 +1695,6 @@ caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
 
-center-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
-  dependencies:
-    align-text "^0.1.3"
-    lazy-cache "^1.0.3"
-
 chainsaw@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/chainsaw/-/chainsaw-0.1.0.tgz#5eab50b28afe58074d0d58291388828b5e5fbc98"
@@ -1891,9 +1776,9 @@ chownr@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.0.1.tgz#e2a75042a9551908bebd25b8523d5f9769d79181"
 
-ci-info@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.4.0.tgz#4841d53cad49f11b827b648ebde27a6e189b412f"
+ci-info@^1.5.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.5.1.tgz#17e8eb5de6f8b2b6038f0cbb714d410bfa9f3030"
 
 cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
   version "1.0.4"
@@ -1935,14 +1820,6 @@ cli-width@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
 
-cliui@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
-  dependencies:
-    center-align "^0.1.1"
-    right-align "^0.1.1"
-    wordwrap "0.0.2"
-
 cliui@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
@@ -2043,14 +1920,14 @@ combined-stream@1.0.6, combined-stream@^1.0.5, combined-stream@~1.0.5, combined-
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.11.0, commander@^2.17.1, commander@^2.2.0, commander@^2.9.0, commander@~2.17.1:
+commander@^2.11.0, commander@^2.17.1, commander@^2.2.0, commander@^2.9.0:
+  version "2.18.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.18.0.tgz#2bf063ddee7c7891176981a2cc798e5754bc6970"
+
+commander@~2.17.1:
   version "2.17.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
 
-compare-versions@^3.1.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-3.4.0.tgz#e0747df5c9cb7f054d6d3dc3e1dbc444f9e92b26"
-
 component-bind@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
@@ -2108,12 +1985,14 @@ contains-path@^0.1.0:
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
 
 convert-source-map@1.X, convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.1.tgz#b8278097b9bc229365de5c62cf5fcaed8b5599e5"
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20"
+  dependencies:
+    safe-buffer "~5.1.1"
 
 convert-source-map@~1.1.0:
   version "1.1.3"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.1.3.tgz#4829c877e9fe49b3161f3bf3673888e204699860"
+  resolved "http://registry.npmjs.org/convert-source-map/-/convert-source-map-1.1.3.tgz#4829c877e9fe49b3161f3bf3673888e204699860"
 
 cookie@0.3.1:
   version "0.3.1"
@@ -2124,8 +2003,8 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
 
 copyfiles@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/copyfiles/-/copyfiles-2.0.0.tgz#bbd78bb78e8fd6db5c67adf54249317b24560f2a"
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/copyfiles/-/copyfiles-2.1.0.tgz#0e2a4188162d6b2f3c5adfe34e9c0bd564d23164"
   dependencies:
     glob "^7.0.5"
     minimatch "^3.0.3"
@@ -2134,10 +2013,6 @@ copyfiles@^2.0.0:
     through2 "^2.0.1"
     yargs "^11.0.0"
 
-core-js@^1.0.0:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
-
 core-js@^2.4.0, core-js@^2.5.0:
   version "2.5.7"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.7.tgz#f972608ff0cead68b841a16a932d0b183791814e"
@@ -2165,7 +2040,7 @@ create-ecdh@^4.0.0:
 
 create-hash@^1.1.0, create-hash@^1.1.2:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
+  resolved "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
   dependencies:
     cipher-base "^1.0.1"
     inherits "^2.0.1"
@@ -2175,7 +2050,7 @@ create-hash@^1.1.0, create-hash@^1.1.2:
 
 create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
   version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
+  resolved "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
   dependencies:
     cipher-base "^1.0.3"
     create-hash "^1.1.0"
@@ -2255,12 +2130,12 @@ css-what@2.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
 
 css@2.X, css@^2.2.1:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/css/-/css-2.2.3.tgz#f861f4ba61e79bedc962aa548e5780fd95cbc6be"
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
   dependencies:
-    inherits "^2.0.1"
-    source-map "^0.1.38"
-    source-map-resolve "^0.5.1"
+    inherits "^2.0.3"
+    source-map "^0.6.1"
+    source-map-resolve "^0.5.2"
     urix "^0.1.0"
 
 cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
@@ -2331,13 +2206,19 @@ debug@2.6.9, debug@^2.1.2, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.
   dependencies:
     ms "2.0.0"
 
-debug@3.1.0, debug@3.X, debug@^3.1.0, debug@~3.1.0:
+debug@3.1.0, debug@=3.1.0, debug@~3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
   dependencies:
     ms "2.0.0"
 
-decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
+debug@3.X, debug@^3.1.0:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.5.tgz#c2418fbfd7a29f4d4f70ff4cea604d4b64c46407"
+  dependencies:
+    ms "^2.1.1"
+
+decamelize@^1.1.1, decamelize@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 
@@ -2363,11 +2244,11 @@ deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
 
-default-require-extensions@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-2.0.0.tgz#f5f8fbb18a7d6d50b21f641f649ebb522cfe24f7"
+default-require-extensions@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
   dependencies:
-    strip-bom "^3.0.0"
+    strip-bom "^2.0.0"
 
 defaults@^1.0.0:
   version "1.0.3"
@@ -2494,7 +2375,7 @@ diff@^3.2.0:
 
 diffie-hellman@^5.0.0:
   version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
+  resolved "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
   dependencies:
     bn.js "^4.1.0"
     miller-rabin "^4.0.0"
@@ -2578,9 +2459,9 @@ duplexer3@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
 
-duplexer@~0.1.1:
+duplexer@^0.1.1, duplexer@~0.1.1:
   version "0.1.1"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
+  resolved "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
 
 easy-extender@^2.3.4:
   version "2.3.4"
@@ -2605,9 +2486,9 @@ ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
-electron-to-chromium@^1.3.61:
-  version "1.3.62"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.62.tgz#2e8e2dc070c800ec8ce23ff9dfcceb585d6f9ed8"
+electron-to-chromium@^1.3.62:
+  version "1.3.67"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.67.tgz#5e8f3ffac89b4b0402c7e1a565be06f3a109abbc"
 
 elliptic@^6.0.0:
   version "6.4.1"
@@ -2629,12 +2510,6 @@ encodeurl@~1.0.1, encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
 
-encoding@^0.1.11:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
-  dependencies:
-    iconv-lite "~0.4.13"
-
 end-of-stream@~0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-0.1.5.tgz#8e177206c3c80837d85632e8b9359dfe8b2f6eaf"
@@ -2699,10 +2574,10 @@ entities@^1.1.1, entities@~1.1.1:
   resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0"
 
 enzyme-adapter-react-16@^1.1.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.4.0.tgz#c70aa6d085c5a6708b032406f5c73280d3f6a34b"
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.5.0.tgz#50af8d76a45fe0915de932bd95d34cdca75c0be3"
   dependencies:
-    enzyme-adapter-utils "^1.6.0"
+    enzyme-adapter-utils "^1.8.0"
     function.prototype.name "^1.1.0"
     object.assign "^4.1.0"
     object.values "^1.0.4"
@@ -2710,17 +2585,17 @@ enzyme-adapter-react-16@^1.1.1:
     react-is "^16.4.2"
     react-test-renderer "^16.0.0-0"
 
-enzyme-adapter-utils@^1.6.0:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.6.1.tgz#f19acb8b23ddd21b2de99506b181e46138368f2a"
+enzyme-adapter-utils@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.8.0.tgz#ee9f07250663a985f1f2caaf297720787da559f1"
   dependencies:
     function.prototype.name "^1.1.0"
     object.assign "^4.1.0"
     prop-types "^15.6.2"
 
 enzyme@^3.3.0:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.5.1.tgz#aad0cbd005fee4cfd800b6451b64112b5374da67"
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.6.0.tgz#d213f280a258f61e901bc663d4cc2d6fd9a9dec8"
   dependencies:
     array.prototype.flat "^1.2.1"
     cheerio "^1.0.0-rc.2"
@@ -2783,8 +2658,8 @@ es6-iterator@^2.0.1, es6-iterator@~2.0.3:
     es6-symbol "^3.1.1"
 
 es6-promise@^4.0.3:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.4.tgz#dc4221c2b16518760bd8c39a52d8f356fc00ed29"
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.5.tgz#da6d0d5692efb461e082c14817fe2427d8f5d054"
 
 es6-promisify@^5.0.0:
   version "5.0.0"
@@ -3005,16 +2880,17 @@ event-emitter@^0.3.5:
     es5-ext "~0.10.14"
 
 event-stream@~3.3.0:
-  version "3.3.4"
-  resolved "http://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz#4ab4c9a0f5a54db9338b4c34d86bfce8f4b35571"
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/event-stream/-/event-stream-3.3.6.tgz#cac1230890e07e73ec9cacd038f60a5b66173eef"
   dependencies:
-    duplexer "~0.1.1"
-    from "~0"
-    map-stream "~0.1.0"
-    pause-stream "0.0.11"
-    split "0.3"
-    stream-combiner "~0.0.4"
-    through "~2.3.1"
+    duplexer "^0.1.1"
+    flatmap-stream "^0.1.0"
+    from "^0.1.7"
+    map-stream "0.0.7"
+    pause-stream "^0.0.11"
+    split "^1.0.1"
+    stream-combiner "^0.2.2"
+    through "^2.3.8"
 
 eventemitter3@1.x.x:
   version "1.2.0"
@@ -3089,14 +2965,14 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   dependencies:
     homedir-polyfill "^1.0.1"
 
-expect@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-23.5.0.tgz#18999a0eef8f8acf99023fde766d9c323c2562ed"
+expect@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-23.6.0.tgz#1e0c8d3ba9a581c87bd71fb9bc8862d443425f98"
   dependencies:
     ansi-styles "^3.2.0"
-    jest-diff "^23.5.0"
+    jest-diff "^23.6.0"
     jest-get-type "^22.1.0"
-    jest-matcher-utils "^23.5.0"
+    jest-matcher-utils "^23.6.0"
     jest-message-util "^23.4.0"
     jest-regex-util "^23.3.0"
 
@@ -3177,8 +3053,8 @@ fast-levenshtein@~2.0.4:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
 
 fast-xml-parser@^3.12.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-3.12.0.tgz#84ddcd98ca005f94e99af3ac387adc32ffb239d8"
+  version "3.12.5"
+  resolved "https://registry.yarnpkg.com/fast-xml-parser/-/fast-xml-parser-3.12.5.tgz#756e4da382f403f88990a62344add00948820fe0"
   dependencies:
     nimnjs "^1.3.2"
 
@@ -3188,18 +3064,6 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "^2.0.0"
 
-fbjs@^0.8.16:
-  version "0.8.17"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
-  dependencies:
-    core-js "^1.0.0"
-    isomorphic-fetch "^2.1.1"
-    loose-envify "^1.0.0"
-    object-assign "^4.1.0"
-    promise "^7.1.1"
-    setimmediate "^1.0.5"
-    ua-parser-js "^0.7.18"
-
 fetch-mock@^6.5.0:
   version "6.5.2"
   resolved "https://registry.yarnpkg.com/fetch-mock/-/fetch-mock-6.5.2.tgz#b3842b305c13ea0f81c85919cfaa7de387adfa3e"
@@ -3332,6 +3196,10 @@ flat-cache@^1.2.1:
     graceful-fs "^4.1.2"
     write "^0.2.1"
 
+flatmap-stream@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/flatmap-stream/-/flatmap-stream-0.1.0.tgz#ed54e01422cd29281800914fcb968d58b685d5f1"
+
 flow-bin@^0.79.1:
   version "0.79.1"
   resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.79.1.tgz#01c9f427baa6556753fa878c192d42e1ecb764b6"
@@ -3357,10 +3225,10 @@ flow-typed@^2.5.1:
     yargs "^4.2.0"
 
 follow-redirects@^1.2.5:
-  version "1.5.7"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.7.tgz#a39e4804dacb90202bca76a9e2ac10433ca6a69a"
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.8.tgz#1dbfe13e45ad969f813e86c00e5296f525c885a1"
   dependencies:
-    debug "^3.1.0"
+    debug "=3.1.0"
 
 font-awesome@^4.7.0:
   version "4.7.0"
@@ -3412,7 +3280,7 @@ fresh@0.5.2, fresh@^0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
 
-from@~0:
+from@^0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/from/-/from-0.1.7.tgz#83c60afc58b9c56997007ed1a768b3ab303a44fe"
 
@@ -3804,15 +3672,15 @@ gulplog@^1.0.0:
   dependencies:
     glogg "^1.0.0"
 
-handlebars@^4.0.11:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
+handlebars@^4.0.3:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.12.tgz#2c15c8a96d46da5e266700518ba8cb8d919d5bc5"
   dependencies:
-    async "^1.4.0"
+    async "^2.5.0"
     optimist "^0.6.1"
-    source-map "^0.4.4"
+    source-map "^0.6.1"
   optionalDependencies:
-    uglify-js "^2.6"
+    uglify-js "^3.1.4"
 
 har-schema@^2.0.0:
   version "2.0.0"
@@ -4017,7 +3885,7 @@ htmlparser2@^3.9.1:
 
 http-errors@1.6.3, http-errors@~1.6.2:
   version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  resolved "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
   dependencies:
     depd "~1.1.2"
     inherits "2.0.3"
@@ -4084,8 +3952,8 @@ i18next-xhr-backend@^1.4.3:
   resolved "https://registry.yarnpkg.com/i18next-xhr-backend/-/i18next-xhr-backend-1.5.1.tgz#50282610780c6a696d880dfa7f4ac1d01e8c3ad5"
 
 i18next@^11.4.0:
-  version "11.6.0"
-  resolved "https://registry.yarnpkg.com/i18next/-/i18next-11.6.0.tgz#e0047aa3e3a0080f6f318426f90597cbb0d6ddd5"
+  version "11.9.0"
+  resolved "https://registry.yarnpkg.com/i18next/-/i18next-11.9.0.tgz#c30c0a5e0a857124923a8dd1ce8f1df603e30c70"
 
 iconv-lite@0.4.23:
   version "0.4.23"
@@ -4093,7 +3961,7 @@ iconv-lite@0.4.23:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
+iconv-lite@^0.4.24, iconv-lite@^0.4.4:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   dependencies:
@@ -4208,7 +4076,7 @@ interpret@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.1.0.tgz#7ed1b1410c6a0e0f78cf95d3b8440c63f78b8614"
 
-invariant@^2.0.0, invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2, invariant@^2.2.4:
+invariant@^2.0.0, invariant@^2.2.1, invariant@^2.2.2, invariant@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   dependencies:
@@ -4266,10 +4134,10 @@ is-callable@^1.1.1, is-callable@^1.1.3, is-callable@^1.1.4:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
 
 is-ci@^1.0.10:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.0.tgz#3f4a08d6303a09882cef3f0fb97439c5f5ce2d53"
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
   dependencies:
-    ci-info "^1.3.0"
+    ci-info "^1.5.0"
 
 is-data-descriptor@^0.1.4:
   version "0.1.4"
@@ -4487,7 +4355,7 @@ is-retry-allowed@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
 
-is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
+is-stream@^1.0.0, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
 
@@ -4559,96 +4427,72 @@ isobject@^3.0.0, isobject@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
 
-isomorphic-fetch@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
-  dependencies:
-    node-fetch "^1.0.1"
-    whatwg-fetch ">=0.10.0"
-
 isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
 
 istanbul-api@^1.3.1:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.3.6.tgz#0c695f17e533131de8c49e0657175dcfd8af8a8f"
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.3.7.tgz#a86c770d2b03e11e3f778cd7aedd82d2722092aa"
   dependencies:
     async "^2.1.4"
-    compare-versions "^3.1.0"
     fileset "^2.0.2"
-    istanbul-lib-coverage "^1.2.0"
-    istanbul-lib-hook "^1.2.0"
-    istanbul-lib-instrument "^2.1.0"
-    istanbul-lib-report "^1.1.4"
-    istanbul-lib-source-maps "^1.2.5"
-    istanbul-reports "^1.4.1"
+    istanbul-lib-coverage "^1.2.1"
+    istanbul-lib-hook "^1.2.2"
+    istanbul-lib-instrument "^1.10.2"
+    istanbul-lib-report "^1.1.5"
+    istanbul-lib-source-maps "^1.2.6"
+    istanbul-reports "^1.5.1"
     js-yaml "^3.7.0"
     mkdirp "^0.5.1"
     once "^1.4.0"
 
-istanbul-lib-coverage@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.0.tgz#f7d8f2e42b97e37fe796114cb0f9d68b5e3a4341"
-
-istanbul-lib-coverage@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#2aee0e073ad8c5f6a0b00e0dfbf52b4667472eda"
-
-istanbul-lib-hook@^1.2.0:
+istanbul-lib-coverage@^1.2.0, istanbul-lib-coverage@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.2.1.tgz#f614ec45287b2a8fc4f07f5660af787575601805"
-  dependencies:
-    append-transform "^1.0.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz#ccf7edcd0a0bb9b8f729feeb0930470f9af664f0"
 
-istanbul-lib-instrument@^1.10.1:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.10.1.tgz#724b4b6caceba8692d3f1f9d0727e279c401af7b"
+istanbul-lib-hook@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.2.2.tgz#bc6bf07f12a641fbf1c85391d0daa8f0aea6bf86"
+  dependencies:
+    append-transform "^0.4.0"
+
+istanbul-lib-instrument@^1.10.1, istanbul-lib-instrument@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.10.2.tgz#1f55ed10ac3c47f2bdddd5307935126754d0a9ca"
   dependencies:
     babel-generator "^6.18.0"
     babel-template "^6.16.0"
     babel-traverse "^6.18.0"
     babel-types "^6.18.0"
     babylon "^6.18.0"
-    istanbul-lib-coverage "^1.2.0"
+    istanbul-lib-coverage "^1.2.1"
     semver "^5.3.0"
 
-istanbul-lib-instrument@^2.1.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-2.3.2.tgz#b287cbae2b5f65f3567b05e2e29b275eaf92d25e"
+istanbul-lib-report@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.5.tgz#f2a657fc6282f96170aaf281eb30a458f7f4170c"
   dependencies:
-    "@babel/generator" "7.0.0-beta.51"
-    "@babel/parser" "7.0.0-beta.51"
-    "@babel/template" "7.0.0-beta.51"
-    "@babel/traverse" "7.0.0-beta.51"
-    "@babel/types" "7.0.0-beta.51"
-    istanbul-lib-coverage "^2.0.1"
-    semver "^5.5.0"
-
-istanbul-lib-report@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.4.tgz#e886cdf505c4ebbd8e099e4396a90d0a28e2acb5"
-  dependencies:
-    istanbul-lib-coverage "^1.2.0"
+    istanbul-lib-coverage "^1.2.1"
     mkdirp "^0.5.1"
     path-parse "^1.0.5"
     supports-color "^3.1.2"
 
-istanbul-lib-source-maps@^1.2.4, istanbul-lib-source-maps@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.5.tgz#ffe6be4e7ab86d3603e4290d54990b14506fc9b1"
+istanbul-lib-source-maps@^1.2.4, istanbul-lib-source-maps@^1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-1.2.6.tgz#37b9ff661580f8fca11232752ee42e08c6675d8f"
   dependencies:
     debug "^3.1.0"
-    istanbul-lib-coverage "^1.2.0"
+    istanbul-lib-coverage "^1.2.1"
     mkdirp "^0.5.1"
     rimraf "^2.6.1"
     source-map "^0.5.3"
 
-istanbul-reports@^1.4.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-1.5.0.tgz#c6c2867fa65f59eb7dcedb7f845dfc76aaee70f9"
+istanbul-reports@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-1.5.1.tgz#97e4dbf3b515e8c484caea15d6524eebd3ff4e1a"
   dependencies:
-    handlebars "^4.0.11"
+    handlebars "^4.0.3"
 
 isurl@^1.0.0-alpha5:
   version "1.0.0"
@@ -4663,9 +4507,9 @@ jest-changed-files@^23.4.2:
   dependencies:
     throat "^4.0.0"
 
-jest-cli@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-23.5.0.tgz#d316b8e34a38a610a1efc4f0403d8ef8a55e4492"
+jest-cli@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-23.6.0.tgz#61ab917744338f443ef2baa282ddffdd658a5da4"
   dependencies:
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
@@ -4679,18 +4523,18 @@ jest-cli@^23.5.0:
     istanbul-lib-instrument "^1.10.1"
     istanbul-lib-source-maps "^1.2.4"
     jest-changed-files "^23.4.2"
-    jest-config "^23.5.0"
+    jest-config "^23.6.0"
     jest-environment-jsdom "^23.4.0"
     jest-get-type "^22.1.0"
-    jest-haste-map "^23.5.0"
+    jest-haste-map "^23.6.0"
     jest-message-util "^23.4.0"
     jest-regex-util "^23.3.0"
-    jest-resolve-dependencies "^23.5.0"
-    jest-runner "^23.5.0"
-    jest-runtime "^23.5.0"
-    jest-snapshot "^23.5.0"
+    jest-resolve-dependencies "^23.6.0"
+    jest-runner "^23.6.0"
+    jest-runtime "^23.6.0"
+    jest-snapshot "^23.6.0"
     jest-util "^23.4.0"
-    jest-validate "^23.5.0"
+    jest-validate "^23.6.0"
     jest-watcher "^23.4.0"
     jest-worker "^23.2.0"
     micromatch "^2.3.11"
@@ -4704,33 +4548,33 @@ jest-cli@^23.5.0:
     which "^1.2.12"
     yargs "^11.0.0"
 
-jest-config@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-23.5.0.tgz#3770fba03f7507ee15f3b8867c742e48f31a9773"
+jest-config@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-23.6.0.tgz#f82546a90ade2d8c7026fbf6ac5207fc22f8eb1d"
   dependencies:
     babel-core "^6.0.0"
-    babel-jest "^23.4.2"
+    babel-jest "^23.6.0"
     chalk "^2.0.1"
     glob "^7.1.1"
     jest-environment-jsdom "^23.4.0"
     jest-environment-node "^23.4.0"
     jest-get-type "^22.1.0"
-    jest-jasmine2 "^23.5.0"
+    jest-jasmine2 "^23.6.0"
     jest-regex-util "^23.3.0"
-    jest-resolve "^23.5.0"
+    jest-resolve "^23.6.0"
     jest-util "^23.4.0"
-    jest-validate "^23.5.0"
+    jest-validate "^23.6.0"
     micromatch "^2.3.11"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
-jest-diff@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-23.5.0.tgz#250651a433dd0050290a07642946cc9baaf06fba"
+jest-diff@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-23.6.0.tgz#1500f3f16e850bb3d71233408089be099f610c7d"
   dependencies:
     chalk "^2.0.1"
     diff "^3.2.0"
     jest-get-type "^22.1.0"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
 jest-docblock@^23.2.0:
   version "23.2.0"
@@ -4738,12 +4582,12 @@ jest-docblock@^23.2.0:
   dependencies:
     detect-newline "^2.1.0"
 
-jest-each@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-23.5.0.tgz#77f7e2afe6132a80954b920006e78239862b10ba"
+jest-each@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-23.6.0.tgz#ba0c3a82a8054387016139c733a05242d3d71575"
   dependencies:
     chalk "^2.0.1"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
 jest-environment-jsdom@^23.4.0:
   version "23.4.0"
@@ -4764,9 +4608,9 @@ jest-get-type@^22.1.0:
   version "22.4.3"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-22.4.3.tgz#e3a8504d8479342dd4420236b322869f18900ce4"
 
-jest-haste-map@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-23.5.0.tgz#d4ca618188bd38caa6cb20349ce6610e194a8065"
+jest-haste-map@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-23.6.0.tgz#2e3eb997814ca696d62afdb3f2529f5bbc935e16"
   dependencies:
     fb-watchman "^2.0.0"
     graceful-fs "^4.1.11"
@@ -4777,22 +4621,22 @@ jest-haste-map@^23.5.0:
     micromatch "^2.3.11"
     sane "^2.0.0"
 
-jest-jasmine2@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-23.5.0.tgz#05fe7f1788e650eeb5a03929e6461ea2e9f3db53"
+jest-jasmine2@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-23.6.0.tgz#840e937f848a6c8638df24360ab869cc718592e0"
   dependencies:
     babel-traverse "^6.0.0"
     chalk "^2.0.1"
     co "^4.6.0"
-    expect "^23.5.0"
+    expect "^23.6.0"
     is-generator-fn "^1.0.0"
-    jest-diff "^23.5.0"
-    jest-each "^23.5.0"
-    jest-matcher-utils "^23.5.0"
+    jest-diff "^23.6.0"
+    jest-each "^23.6.0"
+    jest-matcher-utils "^23.6.0"
     jest-message-util "^23.4.0"
-    jest-snapshot "^23.5.0"
+    jest-snapshot "^23.6.0"
     jest-util "^23.4.0"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
 jest-junit@^5.1.0:
   version "5.1.0"
@@ -4803,19 +4647,19 @@ jest-junit@^5.1.0:
     strip-ansi "^4.0.0"
     xml "^1.0.1"
 
-jest-leak-detector@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-23.5.0.tgz#14ac2a785bd625160a2ea968fd5d98b7dcea3e64"
+jest-leak-detector@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-23.6.0.tgz#e4230fd42cf381a1a1971237ad56897de7e171de"
   dependencies:
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
-jest-matcher-utils@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-23.5.0.tgz#0e2ea67744cab78c9ab15011c4d888bdd3e49e2a"
+jest-matcher-utils@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-23.6.0.tgz#726bcea0c5294261a7417afb6da3186b4b8cac80"
   dependencies:
     chalk "^2.0.1"
     jest-get-type "^22.1.0"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
 jest-message-util@^23.4.0:
   version "23.4.0"
@@ -4835,42 +4679,42 @@ jest-regex-util@^23.3.0:
   version "23.3.0"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-23.3.0.tgz#5f86729547c2785c4002ceaa8f849fe8ca471bc5"
 
-jest-resolve-dependencies@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-23.5.0.tgz#10c4d135beb9d2256de1fedc7094916c3ad74af7"
+jest-resolve-dependencies@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-23.6.0.tgz#b4526af24c8540d9a3fab102c15081cf509b723d"
   dependencies:
     jest-regex-util "^23.3.0"
-    jest-snapshot "^23.5.0"
+    jest-snapshot "^23.6.0"
 
-jest-resolve@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-23.5.0.tgz#3b8e7f67e84598f0caf63d1530bd8534a189d0e6"
+jest-resolve@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-23.6.0.tgz#cf1d1a24ce7ee7b23d661c33ba2150f3aebfa0ae"
   dependencies:
     browser-resolve "^1.11.3"
     chalk "^2.0.1"
     realpath-native "^1.0.0"
 
-jest-runner@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-23.5.0.tgz#570f7a044da91648b5bb9b6baacdd511076c71d7"
+jest-runner@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-23.6.0.tgz#3894bd219ffc3f3cb94dc48a4170a2e6f23a5a38"
   dependencies:
     exit "^0.1.2"
     graceful-fs "^4.1.11"
-    jest-config "^23.5.0"
+    jest-config "^23.6.0"
     jest-docblock "^23.2.0"
-    jest-haste-map "^23.5.0"
-    jest-jasmine2 "^23.5.0"
-    jest-leak-detector "^23.5.0"
+    jest-haste-map "^23.6.0"
+    jest-jasmine2 "^23.6.0"
+    jest-leak-detector "^23.6.0"
     jest-message-util "^23.4.0"
-    jest-runtime "^23.5.0"
+    jest-runtime "^23.6.0"
     jest-util "^23.4.0"
     jest-worker "^23.2.0"
     source-map-support "^0.5.6"
     throat "^4.0.0"
 
-jest-runtime@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-23.5.0.tgz#eb503525a196dc32f2f9974e3482d26bdf7b63ce"
+jest-runtime@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-23.6.0.tgz#059e58c8ab445917cd0e0d84ac2ba68de8f23082"
   dependencies:
     babel-core "^6.0.0"
     babel-plugin-istanbul "^4.1.6"
@@ -4879,14 +4723,14 @@ jest-runtime@^23.5.0:
     exit "^0.1.2"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.1.11"
-    jest-config "^23.5.0"
-    jest-haste-map "^23.5.0"
+    jest-config "^23.6.0"
+    jest-haste-map "^23.6.0"
     jest-message-util "^23.4.0"
     jest-regex-util "^23.3.0"
-    jest-resolve "^23.5.0"
-    jest-snapshot "^23.5.0"
+    jest-resolve "^23.6.0"
+    jest-snapshot "^23.6.0"
     jest-util "^23.4.0"
-    jest-validate "^23.5.0"
+    jest-validate "^23.6.0"
     micromatch "^2.3.11"
     realpath-native "^1.0.0"
     slash "^1.0.0"
@@ -4898,19 +4742,19 @@ jest-serializer@^23.0.1:
   version "23.0.1"
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-23.0.1.tgz#a3776aeb311e90fe83fab9e533e85102bd164165"
 
-jest-snapshot@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-23.5.0.tgz#cc368ebd8513e1175e2a7277f37a801b7358ae79"
+jest-snapshot@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-23.6.0.tgz#f9c2625d1b18acda01ec2d2b826c0ce58a5aa17a"
   dependencies:
     babel-types "^6.0.0"
     chalk "^2.0.1"
-    jest-diff "^23.5.0"
-    jest-matcher-utils "^23.5.0"
+    jest-diff "^23.6.0"
+    jest-matcher-utils "^23.6.0"
     jest-message-util "^23.4.0"
-    jest-resolve "^23.5.0"
+    jest-resolve "^23.6.0"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
     semver "^5.5.0"
 
 jest-util@^23.4.0:
@@ -4926,14 +4770,14 @@ jest-util@^23.4.0:
     slash "^1.0.0"
     source-map "^0.6.0"
 
-jest-validate@^23.0.1, jest-validate@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-23.5.0.tgz#f5df8f761cf43155e1b2e21d6e9de8a2852d0231"
+jest-validate@^23.0.1, jest-validate@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-23.6.0.tgz#36761f99d1ed33fcd425b4e4c5595d62b6597474"
   dependencies:
     chalk "^2.0.1"
     jest-get-type "^22.1.0"
     leven "^2.1.0"
-    pretty-format "^23.5.0"
+    pretty-format "^23.6.0"
 
 jest-watcher@^23.4.0:
   version "23.4.0"
@@ -4950,11 +4794,11 @@ jest-worker@^23.2.0:
     merge-stream "^1.0.1"
 
 jest@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-23.5.0.tgz#80de353d156ea5ea4a7332f7962ac79135fbc62e"
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-23.6.0.tgz#ad5835e923ebf6e19e7a1d7529a432edfee7813d"
   dependencies:
     import-local "^1.0.0"
-    jest-cli "^23.5.0"
+    jest-cli "^23.6.0"
 
 js-base64@^2.1.8:
   version "2.4.9"
@@ -4964,14 +4808,14 @@ js-levenshtein@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.3.tgz#3ef627df48ec8cf24bacf05c0f184ff30ef413c5"
 
-js-tokens@^3.0.0, js-tokens@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
 
+js-tokens@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
+
 js-yaml@3.6.1:
   version "3.6.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.6.1.tgz#6e5fe67d8b205ce4d22fad05b7781e8dadcc4b30"
@@ -5213,10 +5057,6 @@ labeled-stream-splicer@^2.0.0:
     isarray "^2.0.4"
     stream-splicer "^2.0.0"
 
-lazy-cache@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
-
 lcid@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
@@ -5293,7 +5133,7 @@ load-json-file@^4.0.0:
 
 localtunnel@1.9.0:
   version "1.9.0"
-  resolved "https://registry.yarnpkg.com/localtunnel/-/localtunnel-1.9.0.tgz#8ffecdcf8c8a14f62df1056cf9d54acbb0bb9a8f"
+  resolved "http://registry.npmjs.org/localtunnel/-/localtunnel-1.9.0.tgz#8ffecdcf8c8a14f62df1056cf9d54acbb0bb9a8f"
   dependencies:
     axios "0.17.1"
     debug "2.6.8"
@@ -5308,8 +5148,8 @@ locate-path@^2.0.0:
     path-exists "^3.0.0"
 
 lodash-es@^4.17.5:
-  version "4.17.10"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.10.tgz#62cd7104cdf5dd87f235a837f0ede0e8e5117e05"
+  version "4.17.11"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.11.tgz#145ab4a7ac5c5e52a3531fb4f310255a152b4be0"
 
 lodash._basecopy@^3.0.0:
   version "3.0.1"
@@ -5439,8 +5279,8 @@ lodash.templatesettings@^3.0.0:
     lodash.escape "^3.0.0"
 
 lodash@^4.0.0, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.4, lodash@^4.17.5, lodash@~4.17.10:
-  version "4.17.10"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
+  version "4.17.11"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
 
 lodash@~1.0.1:
   version "1.0.2"
@@ -5450,10 +5290,6 @@ log-driver@1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/log-driver/-/log-driver-1.2.5.tgz#7ae4ec257302fd790d557cb10c97100d857b0056"
 
-longest@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
-
 loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -5518,9 +5354,9 @@ map-obj@^1.0.0, map-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
 
-map-stream@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
+map-stream@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.0.7.tgz#8a1f07896d82b10926bd3744a2420009f88974a8"
 
 map-visit@^1.0.0:
   version "1.0.0"
@@ -5761,6 +5597,10 @@ ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
 
+ms@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
+
 multipipe@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-0.1.2.tgz#2a8f2ddf70eed564dff2d57f1e1a137d9f05078b"
@@ -5796,8 +5636,8 @@ nanomatch@^1.2.9:
     to-regex "^3.0.1"
 
 natives@^1.1.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.4.tgz#2f0f224fc9a7dd53407c7667c84cf8dbe773de58"
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.5.tgz#3bdbdb4104023e5dd239b56fc7ef3d9a17acc6aa"
 
 natural-compare@^1.4.0:
   version "1.4.0"
@@ -5814,8 +5654,8 @@ nearley@^2.7.10:
     semver "^5.4.1"
 
 needle@^2.2.1:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.2.tgz#1120ca4c41f2fcc6976fd28a8968afe239929418"
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.3.tgz#c1b04da378cd634d8befe2de965dc2cfb0fd65ca"
   dependencies:
     debug "^2.1.2"
     iconv-lite "^0.4.4"
@@ -5848,13 +5688,6 @@ nimnjs@^1.3.2:
     nimn-date-parser "^1.0.0"
     nimn_schema_builder "^1.0.0"
 
-node-fetch@^1.0.1:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
-  dependencies:
-    encoding "^0.1.11"
-    is-stream "^1.0.1"
-
 node-fetch@^2.1.1:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.2.0.tgz#4ee79bde909262f9775f731e3656d0db55ced5b5"
@@ -6305,7 +6138,7 @@ parents@^1.0.0, parents@^1.0.1:
 
 parse-asn1@^5.0.0:
   version "5.1.1"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.1.tgz#f6bf293818332bd0dab54efb16087724745e6ca8"
+  resolved "http://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz#f6bf293818332bd0dab54efb16087724745e6ca8"
   dependencies:
     asn1.js "^4.0.0"
     browserify-aes "^1.0.0"
@@ -6455,9 +6288,9 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
-pause-stream@0.0.11:
+pause-stream@^0.0.11:
   version "0.0.11"
-  resolved "https://registry.yarnpkg.com/pause-stream/-/pause-stream-0.0.11.tgz#fe5a34b0cbce12b5aa6a2b403ee2e73b602f1445"
+  resolved "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz#fe5a34b0cbce12b5aa6a2b403ee2e73b602f1445"
   dependencies:
     through "~2.3"
 
@@ -6549,9 +6382,9 @@ prettier@^1.13.7, prettier@^1.14.2:
   version "1.14.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.2.tgz#0ac1c6e1a90baa22a62925f41963c841983282f9"
 
-pretty-format@^23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.5.0.tgz#0f9601ad9da70fe690a269cd3efca732c210687c"
+pretty-format@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.6.0.tgz#5eaac8eeb6b33b987b7fe6097ea6a8a146ab5760"
   dependencies:
     ansi-regex "^3.0.0"
     ansi-styles "^3.2.0"
@@ -6580,12 +6413,6 @@ progress@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
 
-promise@^7.1.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  dependencies:
-    asap "~2.0.3"
-
 prompts@^0.1.9:
   version "0.1.14"
   resolved "https://registry.yarnpkg.com/prompts/-/prompts-0.1.14.tgz#a8e15c612c5c9ec8f8111847df3337c9cbd443b2"
@@ -6616,7 +6443,7 @@ psl@^1.1.24:
 
 public-encrypt@^4.0.0:
   version "4.0.2"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.2.tgz#46eb9107206bf73489f8b85b69d91334c6610994"
+  resolved "http://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz#46eb9107206bf73489f8b85b69d91334c6610994"
   dependencies:
     bn.js "^4.1.0"
     browserify-rsa "^4.0.0"
@@ -6717,25 +6544,25 @@ rc@^1.2.7:
     strip-json-comments "~2.0.1"
 
 react-dom@^16.4.2:
-  version "16.4.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.4.2.tgz#4afed569689f2c561d2b8da0b819669c38a0bda4"
+  version "16.5.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.5.0.tgz#57704e5718669374b182a17ea79a6d24922cb27d"
   dependencies:
-    fbjs "^0.8.16"
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
-    prop-types "^15.6.0"
+    prop-types "^15.6.2"
+    schedule "^0.3.0"
 
 react-i18next@^7.9.0:
-  version "7.11.1"
-  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-7.11.1.tgz#eacaec8357f5557eaf290eae198025fe0a682603"
+  version "7.12.0"
+  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-7.12.0.tgz#edaed1593fdfb34ddb47e4faf409cb36c8220d80"
   dependencies:
     hoist-non-react-statics "^2.3.1"
     html-parse-stringify2 "2.0.1"
     prop-types "^15.6.0"
 
-react-is@^16.4.2:
-  version "16.4.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.2.tgz#84891b56c2b6d9efdee577cc83501dfc5ecead88"
+react-is@^16.4.2, react-is@^16.5.0:
+  version "16.5.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.5.0.tgz#2ec7c192709698591efe13722fab3ef56144ba55"
 
 react-jss@^8.6.0:
   version "8.6.1"
@@ -6797,22 +6624,22 @@ react-router@^4.2.0, react-router@^4.3.1:
     warning "^4.0.1"
 
 react-test-renderer@^16.0.0-0, react-test-renderer@^16.4.1:
-  version "16.4.2"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.4.2.tgz#4e03eca9359bb3210d4373f7547d1364218ef74e"
+  version "16.5.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.5.0.tgz#1aeca0edc4f27f63265dcaed80ba82e11e762f56"
   dependencies:
-    fbjs "^0.8.16"
     object-assign "^4.1.1"
-    prop-types "^15.6.0"
-    react-is "^16.4.2"
+    prop-types "^15.6.2"
+    react-is "^16.5.0"
+    schedule "^0.3.0"
 
 react@^16.4.2:
-  version "16.4.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.4.2.tgz#2cd90154e3a9d9dd8da2991149fdca3c260e129f"
+  version "16.5.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.5.0.tgz#f2c1e754bf9751a549d9c6d9aca41905beb56575"
   dependencies:
-    fbjs "^0.8.16"
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
-    prop-types "^15.6.0"
+    prop-types "^15.6.2"
+    schedule "^0.3.0"
 
 read-only-stream@^2.0.0:
   version "2.0.0"
@@ -6834,13 +6661,6 @@ read-pkg-up@^2.0.0:
     find-up "^2.0.0"
     read-pkg "^2.0.0"
 
-read-pkg-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^3.0.0"
-
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -6867,7 +6687,7 @@ read-pkg@^3.0.0:
 
 "readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.31:
   version "1.0.34"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
+  resolved "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.1"
@@ -6876,7 +6696,7 @@ read-pkg@^3.0.0:
 
 readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.5, readable-stream@^2.3.6:
   version "2.3.6"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
+  resolved "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.3"
@@ -6888,7 +6708,7 @@ readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable
 
 readable-stream@~1.1.9:
   version "1.1.14"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
+  resolved "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.1"
@@ -6897,7 +6717,7 @@ readable-stream@~1.1.9:
 
 readable-stream@~2.1.5:
   version "2.1.5"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.1.5.tgz#66fa8b720e1438b364681f2ad1a63c618448c9d0"
+  resolved "http://registry.npmjs.org/readable-stream/-/readable-stream-2.1.5.tgz#66fa8b720e1438b364681f2ad1a63c618448c9d0"
   dependencies:
     buffer-shims "^1.0.0"
     core-util-is "~1.0.0"
@@ -6917,8 +6737,8 @@ readdirp@^2.0.0:
     set-immediate-shim "^1.0.1"
 
 realpath-native@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.0.1.tgz#07f40a0cce8f8261e2e8b7ebebf5c95965d7b633"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.0.2.tgz#cd51ce089b513b45cf9b1516c82989b51ccc6560"
   dependencies:
     util.promisify "^1.0.0"
 
@@ -7222,12 +7042,6 @@ ret@~0.1.10:
   version "0.1.15"
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
 
-right-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
-  dependencies:
-    align-text "^0.1.1"
-
 rimraf@2, rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.2.tgz#2ed8150d24a16ea8651e6d6ef0f47c4158ce7a36"
@@ -7263,8 +7077,8 @@ rx@4.1.0:
   resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
 
 rxjs@^6.1.0:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.3.1.tgz#878a1a8c64b8a5da11dcf74b5033fe944cdafb84"
+  version "6.3.2"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.3.2.tgz#6a688b16c4e6e980e62ea805ec30648e1c60907f"
   dependencies:
     tslib "^1.9.0"
 
@@ -7310,6 +7124,12 @@ sax@>=0.6.0, sax@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
+schedule@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/schedule/-/schedule-0.3.0.tgz#1be2ab2fc2e768536269ce7326efb478d6c045e8"
+  dependencies:
+    object-assign "^4.1.1"
+
 scss-tokenizer@^0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
@@ -7402,7 +7222,7 @@ set-value@^2.0.0:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.5, setimmediate@~1.0.4:
+setimmediate@~1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
 
@@ -7412,14 +7232,14 @@ setprototypeof@1.1.0:
 
 sha.js@^2.4.0, sha.js@^2.4.8, sha.js@~2.4.4:
   version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
+  resolved "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
   dependencies:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
 shasum@^1.0.0:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/shasum/-/shasum-1.0.2.tgz#e7012310d8f417f4deb5712150e5678b87ae565f"
+  resolved "http://registry.npmjs.org/shasum/-/shasum-1.0.2.tgz#e7012310d8f417f4deb5712150e5678b87ae565f"
   dependencies:
     json-stable-stringify "~0.0.0"
     sha.js "~2.4.4"
@@ -7575,7 +7395,7 @@ socket.io@2.1.1:
     socket.io-client "2.1.1"
     socket.io-parser "~3.2.0"
 
-source-map-resolve@^0.5.0, source-map-resolve@^0.5.1:
+source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.2.tgz#72e2cc34095543e43b2c62b2c4c10d4a9054f259"
   dependencies:
@@ -7602,23 +7422,17 @@ source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
 
-source-map@^0.1.38:
-  version "0.1.43"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
-  dependencies:
-    amdefine ">=0.0.4"
-
-source-map@^0.4.2, source-map@^0.4.4:
+source-map@^0.4.2:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
   dependencies:
     amdefine ">=0.0.4"
 
-source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1, source-map@~0.5.3:
+source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.3:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
-source-map@^0.6.0, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
 
@@ -7645,8 +7459,8 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.0.tgz#7a7cd28470cc6d3a1cfe6d66886f6bc430d3ac87"
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.1.tgz#e2a303236cac54b04031fa7a5a79c7e701df852f"
 
 split-string@^3.0.1, split-string@^3.0.2:
   version "3.1.0"
@@ -7654,9 +7468,9 @@ split-string@^3.0.1, split-string@^3.0.2:
   dependencies:
     extend-shallow "^3.0.0"
 
-split@0.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/split/-/split-0.3.3.tgz#cd0eea5e63a211dfff7eb0f091c4133e2d0dd28f"
+split@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
   dependencies:
     through "2"
 
@@ -7726,11 +7540,12 @@ stream-combiner2@^1.1.1:
     duplexer2 "~0.1.0"
     readable-stream "^2.0.2"
 
-stream-combiner@~0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/stream-combiner/-/stream-combiner-0.0.4.tgz#4d5e433c185261dde623ca3f44c586bcf5c4ad14"
+stream-combiner@^0.2.2:
+  version "0.2.2"
+  resolved "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz#aec8cbac177b56b6f4fa479ced8c1912cee52858"
   dependencies:
     duplexer "~0.1.1"
+    through "~2.3.4"
 
 stream-consume@~0.1.0:
   version "0.1.1"
@@ -7933,12 +7748,13 @@ tar@^4:
     yallist "^3.0.2"
 
 test-exclude@^4.2.1:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.2.2.tgz#8b67aa8408f84afc225b06669e25c510f8582820"
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.2.3.tgz#a9a5e64474e4398339245a0a769ad7c2f4a97c20"
   dependencies:
     arrify "^1.0.1"
-    minimatch "^3.0.4"
-    read-pkg-up "^3.0.0"
+    micromatch "^2.3.11"
+    object-assign "^4.1.0"
+    read-pkg-up "^1.0.1"
     require-main-filename "^1.0.1"
 
 text-table@^0.2.0:
@@ -7979,9 +7795,9 @@ through2@^0.6.1:
     readable-stream ">=1.0.33-1 <1.1.0-0"
     xtend ">=4.0.0 <4.1.0-0"
 
-through@2, "through@>=2.2.7 <3", through@^2.3.6, through@^2.3.8, through@~2.3, through@~2.3.1:
+through@2, "through@>=2.2.7 <3", through@^2.3.6, through@^2.3.8, through@~2.3, through@~2.3.4:
   version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  resolved "http://registry.npmjs.org/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
 
 tildify@^1.0.0:
   version "1.2.0"
@@ -8135,30 +7951,13 @@ ua-parser-js@0.7.17:
   version "0.7.17"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.17.tgz#e9ec5f9498b9ec910e7ae3ac626a805c4d09ecac"
 
-ua-parser-js@^0.7.18:
-  version "0.7.18"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.18.tgz#a7bfd92f56edfb117083b69e31d2aa8882d4b1ed"
-
-uglify-js@^2.6:
-  version "2.8.29"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
-  dependencies:
-    source-map "~0.5.1"
-    yargs "~3.10.0"
-  optionalDependencies:
-    uglify-to-browserify "~1.0.0"
-
-uglify-js@^3.0.5:
+uglify-js@^3.0.5, uglify-js@^3.1.4:
   version "3.4.9"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"
   dependencies:
     commander "~2.17.1"
     source-map "~0.6.1"
 
-uglify-to-browserify@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
-
 ultron@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.1.1.tgz#9fe1536a10a664a65266a1e3ccf85fd36302bc9c"
@@ -8464,10 +8263,6 @@ whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3:
   dependencies:
     iconv-lite "0.4.23"
 
-whatwg-fetch@>=0.10.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
-
 whatwg-mimetype@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.1.0.tgz#f0f21d76cbba72362eb609dbed2a30cd17fcc7d4"
@@ -8508,18 +8303,10 @@ wide-align@^1.1.0:
   dependencies:
     string-width "^1.0.2 || 2"
 
-window-size@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
-
 window-size@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.2.0.tgz#b4315bb4214a3d7058ebeee892e13fa24d98b075"
 
-wordwrap@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
-
 wordwrap@~0.0.2:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
@@ -8633,7 +8420,7 @@ yargs-parser@^9.0.2:
 
 yargs@6.4.0:
   version "6.4.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.4.0.tgz#816e1a866d5598ccf34e5596ddce22d92da490d4"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-6.4.0.tgz#816e1a866d5598ccf34e5596ddce22d92da490d4"
   dependencies:
     camelcase "^3.0.0"
     cliui "^3.2.0"
@@ -8652,7 +8439,7 @@ yargs@6.4.0:
 
 yargs@6.6.0:
   version "6.6.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
   dependencies:
     camelcase "^3.0.0"
     cliui "^3.2.0"
@@ -8670,7 +8457,7 @@ yargs@6.6.0:
 
 yargs@^11.0.0:
   version "11.1.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-11.1.0.tgz#90b869934ed6e871115ea2ff58b03f4724ed2d77"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-11.1.0.tgz#90b869934ed6e871115ea2ff58b03f4724ed2d77"
   dependencies:
     cliui "^4.0.0"
     decamelize "^1.1.1"
@@ -8687,7 +8474,7 @@ yargs@^11.0.0:
 
 yargs@^4.2.0:
   version "4.8.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-4.8.1.tgz#c0c42924ca4aaa6b0e6da1739dfb216439f9ddc0"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-4.8.1.tgz#c0c42924ca4aaa6b0e6da1739dfb216439f9ddc0"
   dependencies:
     cliui "^3.2.0"
     decamelize "^1.1.1"
@@ -8722,15 +8509,6 @@ yargs@^7.0.0:
     y18n "^3.2.1"
     yargs-parser "^5.0.0"
 
-yargs@~3.10.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
-  dependencies:
-    camelcase "^1.0.2"
-    cliui "^2.1.0"
-    decamelize "^1.0.0"
-    window-size "0.1.0"
-
 yeast@0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"

From e24c3e14a37e7b62272ccb710c441181867cf5c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 13 Sep 2018 15:31:52 +0200
Subject: [PATCH 03/32] reformat

---
 .../src/repos/changesets/containers/ChangesetView.js   | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/scm-ui/src/repos/changesets/containers/ChangesetView.js b/scm-ui/src/repos/changesets/containers/ChangesetView.js
index a3d8effc7d..c3b7c248ae 100644
--- a/scm-ui/src/repos/changesets/containers/ChangesetView.js
+++ b/scm-ui/src/repos/changesets/containers/ChangesetView.js
@@ -1,17 +1,11 @@
 //@flow
 import React from "react";
 
-type Props = {
-
-}
+type Props = {};
 
 class ChangesetView extends React.Component<Props> {
   render() {
-    return (
-      <div>
-Hallo! Changesets here!
-      </div>
-    );
+    return <div>Hallo! Changesets here!</div>;
   }
 }
 

From 6aeeca89f3621ef17116f355923d2e0560a4a56b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 18 Sep 2018 11:32:56 +0200
Subject: [PATCH 04/32] resolve merge conflicts

---
 scm-ui/src/repos/containers/RepositoryRoot.js | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 2f72275120..3368d94bb3 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -7,15 +7,9 @@ import {
   getRepository,
   isFetchRepoPending
 } from "../modules/repos";
-<<<<<<< working copy
 import { connect } from "react-redux";
 import { Route, Switch } from "react-router-dom";
 import type { Repository } from "@scm-manager/ui-types";
-=======
-import {connect} from "react-redux";
-import {Route} from "react-router-dom";
-import type {Repository} from "@scm-manager/ui-types";
->>>>>>> merge rev
 import {
   Page,
   Loading,
@@ -31,11 +25,8 @@ import Edit from "../containers/Edit";
 
 import type {History} from "history";
 import EditNavLink from "../components/EditNavLink";
-<<<<<<< working copy
 import ChangesetView from "../changesets/containers/ChangesetView";
-=======
 import Changesets from "../../changesets/containers/Changesets";
->>>>>>> merge rev
 
 type Props = {
   namespace: string,

From c57c15289883779c9fab6bab6a1dc66683639a6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 18 Sep 2018 16:40:03 +0200
Subject: [PATCH 05/32] add route for detailed changeset view

---
 .../src/changesets/components/ChangesetRow.js | 36 +++++++++-----
 .../src/changesets/containers/Changesets.js   | 47 ++++++++++++++++---
 scm-ui/src/repos/containers/RepositoryRoot.js | 10 ----
 3 files changed, 64 insertions(+), 29 deletions(-)

diff --git a/scm-ui/src/changesets/components/ChangesetRow.js b/scm-ui/src/changesets/components/ChangesetRow.js
index d0be206866..3750b8b431 100644
--- a/scm-ui/src/changesets/components/ChangesetRow.js
+++ b/scm-ui/src/changesets/components/ChangesetRow.js
@@ -1,28 +1,38 @@
 import React from "react"
 import type { Changeset } from "@scm-manager/ui-types"
 import {ExtensionPoint} from "@scm-manager/ui-extensions";
+import {Link} from "react-router-dom";
+import {History} from "history";
+import { NavLink } from "@scm-manager/ui-components";
+import {withRouter} from "react-router-dom";
+
 
 type Props = {
-  changeset: Changeset
+  changeset: Changeset,
+  location: any
 }
 
 class ChangesetRow extends React.Component<Props> {
 
+
   render() {
     const { changeset } = this.props;
     // todo: i18n
-    return <tr>
-      <td>
-        <ExtensionPoint
-          name="repos.changeset-table.information"
-          renderAll={true}
-          props={{ changeset }}
-        />
-        <p>{changeset.description}</p>
-        <p className="is-size-7">Changeset { changeset.id } commited at { changeset.date }</p>
-        <p className="is-size-7">{changeset.author.name} <a href={"mailto:" + changeset.author.mail}>&lt;{changeset.author.mail}&gt;</a></p></td>
-    </tr>
+    return (
+        <tr>
+          <td>
+            <ExtensionPoint
+              name="repos.changeset-table.information"
+              renderAll={true}
+              props={{ changeset }}
+            />
+            <p> <NavLink to={`${this.props.location.pathname}/${changeset.id}`} label={changeset.description}/></p>
+            <p className="is-size-7">Changeset { changeset.id } commited at { changeset.date }</p>
+            <p className="is-size-7">{changeset.author.name} <a href={"mailto:" + changeset.author.mail}>&lt;{changeset.author.mail}&gt;</a></p></td>
+        </tr>
+    );
+
   }
 }
 
-export default ChangesetRow;
+export default withRouter(ChangesetRow);
diff --git a/scm-ui/src/changesets/containers/Changesets.js b/scm-ui/src/changesets/containers/Changesets.js
index 64b56fa559..664c206fdd 100644
--- a/scm-ui/src/changesets/containers/Changesets.js
+++ b/scm-ui/src/changesets/containers/Changesets.js
@@ -11,7 +11,8 @@ import {fetchBranchesByNamespaceAndName, getBranchNames} from "../../repos/modul
 import type {Repository} from "@scm-manager/ui-types";
 import ChangesetTable from "../components/ChangesetTable";
 import DropDown from "../components/DropDown";
-import {withRouter} from "react-router-dom";
+import {Route, withRouter} from "react-router-dom";
+import ChangesetView from "../../repos/changesets/containers/ChangesetView";
 
 type Props = {
   repository: Repository,
@@ -38,18 +39,52 @@ class Changesets extends React.Component<State, Props> {
     this.props.fetchBranchesByNamespaceAndName(namespace, name);
   }
 
+  matchedUrl = () => {
+    return this.props.match.url;
+  };
   render() {
-    const {changesets, loading, error} = this.props;
+    const url = this.matchedUrl();
+
+    const {changesets, loading, error, repository} = this.props;
     if (loading || !changesets) {
       return <Loading/>
     }
-    return <div>
-      <ErrorNotification error={error}/>
-      {this.renderContent()}
-    </div>
+    return(
+      <div className="column is-three-quarters">
+          <Route
+            exact
+            path={url}
+            render={this.renderChangesets}
+          />
+          <Route
+            exact
+            path={`${url}/:branch`}
+            render={this.renderChangesets}
+          />
+          <Route
+            exact
+            path={`${url}/:branch/:id`}
+            component={() => <ChangesetView repository={repository}/>}
+          />
+          <Route
+            exact
+            path={`${url}/:id`}
+            component={() => <ChangesetView repository={repository}/>}
+          />
+        </div>
+      )
+
 
   }
 
+  renderChangesets = () => {
+    return(
+      <div>
+      <ErrorNotification error={this.props.error}/>
+      {this.renderContent()}
+    </div>
+    )
+  }
   renderContent = () => {
     const branch = this.props.match.params.branch;
     const {changesets, branchNames} = this.props;
diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 3368d94bb3..8c079076ee 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -104,19 +104,9 @@ class RepositoryRoot extends React.Component<Props> {
               component={() => <Edit repository={repository}/>}
             />
             <Route
-              exact
               path={`${url}/history`}
               component={() => <Changesets repository={repository}/>}
             />
-            <Route
-              exact
-              path={`${url}/history/:branch`}
-              component={() => <Changesets repository={repository}/>}
-            />
-            <Route
-              path={`${url}/changesets`}
-              component={() => <ChangesetView repository={repository} />}
-            />
           </div>
           <div className="column">
             <Navigation>

From a2954864b7634cafd1294e52322861f2b356e102 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 18 Sep 2018 16:43:40 +0200
Subject: [PATCH 06/32] add commit tag to url to decide between changeset view
 and detailed changeset view

---
 scm-ui/src/changesets/components/ChangesetRow.js | 2 +-
 scm-ui/src/changesets/containers/Changesets.js   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/scm-ui/src/changesets/components/ChangesetRow.js b/scm-ui/src/changesets/components/ChangesetRow.js
index 3750b8b431..5f88294cb1 100644
--- a/scm-ui/src/changesets/components/ChangesetRow.js
+++ b/scm-ui/src/changesets/components/ChangesetRow.js
@@ -26,7 +26,7 @@ class ChangesetRow extends React.Component<Props> {
               renderAll={true}
               props={{ changeset }}
             />
-            <p> <NavLink to={`${this.props.location.pathname}/${changeset.id}`} label={changeset.description}/></p>
+            <p> <NavLink to={`${this.props.location.pathname}/commit/${changeset.id}`} label={changeset.description}/></p>
             <p className="is-size-7">Changeset { changeset.id } commited at { changeset.date }</p>
             <p className="is-size-7">{changeset.author.name} <a href={"mailto:" + changeset.author.mail}>&lt;{changeset.author.mail}&gt;</a></p></td>
         </tr>
diff --git a/scm-ui/src/changesets/containers/Changesets.js b/scm-ui/src/changesets/containers/Changesets.js
index 664c206fdd..024376692b 100644
--- a/scm-ui/src/changesets/containers/Changesets.js
+++ b/scm-ui/src/changesets/containers/Changesets.js
@@ -63,12 +63,12 @@ class Changesets extends React.Component<State, Props> {
           />
           <Route
             exact
-            path={`${url}/:branch/:id`}
+            path={`${url}/:branch/commit/:id`}
             component={() => <ChangesetView repository={repository}/>}
           />
           <Route
             exact
-            path={`${url}/:id`}
+            path={`${url}/commit/:id`}
             component={() => <ChangesetView repository={repository}/>}
           />
         </div>
@@ -90,11 +90,11 @@ class Changesets extends React.Component<State, Props> {
     const {changesets, branchNames} = this.props;
 
     if (branchNames) {
-      return <div>
+      return (<div>
         <DropDown options={branchNames} preselectedOption={branch}
                   optionSelected={branch => this.branchChanged(branch)}/>
         <ChangesetTable changesets={changesets}/>
-      </div>;
+      </div>);
     }
 
     return <ChangesetTable changesets={changesets}/>

From 60347ac34ae4ad56c134ed562b7f571cecc34c06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 08:22:50 +0200
Subject: [PATCH 07/32] change routing that selector is working

---
 .../src/changesets/containers/Changesets.js   | 158 ++++++++++--------
 scm-ui/src/repos/containers/RepositoryRoot.js |  36 ++--
 2 files changed, 111 insertions(+), 83 deletions(-)

diff --git a/scm-ui/src/changesets/containers/Changesets.js b/scm-ui/src/changesets/containers/Changesets.js
index 024376692b..9da1fd05f4 100644
--- a/scm-ui/src/changesets/containers/Changesets.js
+++ b/scm-ui/src/changesets/containers/Changesets.js
@@ -1,26 +1,35 @@
-import React from "react"
-import {connect} from "react-redux";
-import {ErrorNotification, Loading} from "@scm-manager/ui-components";
+import React from "react";
+import { connect } from "react-redux";
+import { ErrorNotification, Loading } from "@scm-manager/ui-components";
 
 import {
-  fetchChangesetsByNamespaceAndName, fetchChangesetsByNamespaceNameAndBranch,
-  getChangesets, getFetchChangesetsFailure, isFetchChangesetsPending,
+  fetchChangesetsByNamespaceAndName,
+  fetchChangesetsByNamespaceNameAndBranch,
+  getChangesets,
+  getFetchChangesetsFailure,
+  isFetchChangesetsPending
 } from "../modules/changesets";
-import type {History} from "history";
-import {fetchBranchesByNamespaceAndName, getBranchNames} from "../../repos/modules/branches";
-import type {Repository} from "@scm-manager/ui-types";
+import type { History } from "history";
+import {
+  fetchBranchesByNamespaceAndName,
+  getBranchNames
+} from "../../repos/modules/branches";
+import type { Repository } from "@scm-manager/ui-types";
 import ChangesetTable from "../components/ChangesetTable";
 import DropDown from "../components/DropDown";
-import {Route, withRouter} from "react-router-dom";
+import { Route, withRouter } from "react-router-dom";
 import ChangesetView from "../../repos/changesets/containers/ChangesetView";
 
 type Props = {
   repository: Repository,
   branchName: string,
   history: History,
-  fetchChangesetsByNamespaceNameAndBranch: (namespace: string, name: string, branch: string) => void
-}
-
+  fetchChangesetsByNamespaceNameAndBranch: (
+    namespace: string,
+    name: string,
+    branch: string
+  ) => void
+};
 
 class Changesets extends React.Component<State, Props> {
   constructor(props) {
@@ -29,10 +38,14 @@ class Changesets extends React.Component<State, Props> {
   }
 
   componentDidMount() {
-    const {namespace, name} = this.props.repository;
+    const { namespace, name } = this.props.repository;
     const branchName = this.props.match.params.branch;
     if (branchName) {
-      this.props.fetchChangesetsByNamespaceNameAndBranch(namespace, name, branchName);
+      this.props.fetchChangesetsByNamespaceNameAndBranch(
+        namespace,
+        name,
+        branchName
+      );
     } else {
       this.props.fetchChangesetsByNamespaceAndName(namespace, name);
     }
@@ -45,77 +58,76 @@ class Changesets extends React.Component<State, Props> {
   render() {
     const url = this.matchedUrl();
 
-    const {changesets, loading, error, repository} = this.props;
+    const { changesets, loading, error, repository } = this.props;
     if (loading || !changesets) {
-      return <Loading/>
+      return <Loading />;
     }
-    return(
+    return (
       <div className="column is-three-quarters">
-          <Route
-            exact
-            path={url}
-            render={this.renderChangesets}
-          />
-          <Route
-            exact
-            path={`${url}/:branch`}
-            render={this.renderChangesets}
-          />
-          <Route
-            exact
-            path={`${url}/:branch/commit/:id`}
-            component={() => <ChangesetView repository={repository}/>}
-          />
-          <Route
-            exact
-            path={`${url}/commit/:id`}
-            component={() => <ChangesetView repository={repository}/>}
-          />
-        </div>
-      )
-
-
+        <Route exact path={url} render={this.renderChangesets} />
+        <Route
+          exact
+          path={`${url}/commit/:id`}
+          component={() => <ChangesetView repository={repository} />}
+        />
+      </div>
+    );
   }
 
   renderChangesets = () => {
-    return(
+    return (
       <div>
-      <ErrorNotification error={this.props.error}/>
-      {this.renderContent()}
-    </div>
-    )
-  }
+        <ErrorNotification error={this.props.error} />
+        {this.renderContent()}
+      </div>
+    );
+  };
   renderContent = () => {
     const branch = this.props.match.params.branch;
-    const {changesets, branchNames} = this.props;
+    const { changesets, branchNames } = this.props;
 
     if (branchNames) {
-      return (<div>
-        <DropDown options={branchNames} preselectedOption={branch}
-                  optionSelected={branch => this.branchChanged(branch)}/>
-        <ChangesetTable changesets={changesets}/>
-      </div>);
+      return (
+        <div>
+          <DropDown
+            options={branchNames}
+            preselectedOption={branch}
+            optionSelected={branch => this.branchChanged(branch)}
+          />
+          <ChangesetTable changesets={changesets} />
+        </div>
+      );
     }
 
-    return <ChangesetTable changesets={changesets}/>
+    return <ChangesetTable changesets={changesets} />;
   };
 
-
   branchChanged = (branchName: string) => {
-    const {history, repository} = this.props;
-    history.push(`/repo/${repository.namespace}/${repository.name}/history/${branchName}`);
+    const { history, repository } = this.props;
+    history.push(
+      `/repo/${repository.namespace}/${repository.name}/history/${branchName}`
+    );
   };
 }
 
-
 const mapStateToProps = (state, ownProps: Props) => {
-  const {namespace, name} = ownProps.repository;
+  const { namespace, name } = ownProps.repository;
   return {
     loading: isFetchChangesetsPending(namespace, name, state),
-    changesets: getChangesets(state, namespace, name, ownProps.match.params.branch),
+    changesets: getChangesets(
+      state,
+      namespace,
+      name,
+      ownProps.match.params.branch
+    ),
     branchNames: getBranchNames(namespace, name, state),
-    error: getFetchChangesetsFailure(state, namespace, name, ownProps.match.params.branch)
-  }
+    error: getFetchChangesetsFailure(
+      state,
+      namespace,
+      name,
+      ownProps.match.params.branch
+    )
+  };
 };
 
 const mapDispatchToProps = dispatch => {
@@ -123,16 +135,24 @@ const mapDispatchToProps = dispatch => {
     fetchChangesetsByNamespaceAndName: (namespace: string, name: string) => {
       dispatch(fetchChangesetsByNamespaceAndName(namespace, name));
     },
-    fetchChangesetsByNamespaceNameAndBranch: (namespace: string, name: string, branch: string) => {
-      dispatch(fetchChangesetsByNamespaceNameAndBranch(namespace, name, branch));
+    fetchChangesetsByNamespaceNameAndBranch: (
+      namespace: string,
+      name: string,
+      branch: string
+    ) => {
+      dispatch(
+        fetchChangesetsByNamespaceNameAndBranch(namespace, name, branch)
+      );
     },
     fetchBranchesByNamespaceAndName: (namespace: string, name: string) => {
       dispatch(fetchBranchesByNamespaceAndName(namespace, name));
     }
-  }
+  };
 };
 
-export default withRouter(connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(Changesets));
+export default withRouter(
+  connect(
+    mapStateToProps,
+    mapDispatchToProps
+  )(Changesets)
+);
diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 8c079076ee..5eef181e56 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -18,12 +18,12 @@ import {
   NavLink,
   Section
 } from "@scm-manager/ui-components";
-import {translate} from "react-i18next";
+import { translate } from "react-i18next";
 import RepositoryDetails from "../components/RepositoryDetails";
 import DeleteNavAction from "../components/DeleteNavAction";
 import Edit from "../containers/Edit";
 
-import type {History} from "history";
+import type { History } from "history";
 import EditNavLink from "../components/EditNavLink";
 import ChangesetView from "../changesets/containers/ChangesetView";
 import Changesets from "../../changesets/containers/Changesets";
@@ -47,7 +47,7 @@ type Props = {
 
 class RepositoryRoot extends React.Component<Props> {
   componentDidMount() {
-    const {fetchRepo, namespace, name} = this.props;
+    const { fetchRepo, namespace, name } = this.props;
 
     fetchRepo(namespace, name);
   }
@@ -72,7 +72,7 @@ class RepositoryRoot extends React.Component<Props> {
   };
 
   render() {
-    const {loading, error, repository, t} = this.props;
+    const { loading, error, repository, t } = this.props;
 
     if (error) {
       return (
@@ -85,7 +85,7 @@ class RepositoryRoot extends React.Component<Props> {
     }
 
     if (!repository || loading) {
-      return <Loading/>;
+      return <Loading />;
     }
 
     const url = this.matchedUrl();
@@ -97,27 +97,35 @@ class RepositoryRoot extends React.Component<Props> {
             <Route
               path={url}
               exact
-              component={() => <RepositoryDetails repository={repository}/>}
+              component={() => <RepositoryDetails repository={repository} />}
             />
             <Route
               path={`${url}/edit`}
-              component={() => <Edit repository={repository}/>}
+              component={() => <Edit repository={repository} />}
             />
             <Route
               path={`${url}/history`}
-              component={() => <Changesets repository={repository}/>}
+              component={() => <Changesets repository={repository} />}
+            />
+            <Route
+              path={`${url}/history/:branch`}
+              component={() => <Changesets repository={repository} />}
             />
           </div>
           <div className="column">
             <Navigation>
               <Section label={t("repository-root.navigation-label")}>
-                <NavLink to={url} label={t("repository-root.information")}/>
-                <NavLink activeOnlyWhenExact={false} to={`${url}/history`} label={t("repository-root.history")}/>
-                <EditNavLink repository={repository} editUrl={`${url}/edit`}/>
+                <NavLink to={url} label={t("repository-root.information")} />
+                <NavLink
+                  activeOnlyWhenExact={false}
+                  to={`${url}/history`}
+                  label={t("repository-root.history")}
+                />
+                <EditNavLink repository={repository} editUrl={`${url}/edit`} />
               </Section>
               <Section label={t("repository-root.actions-label")}>
-                <DeleteNavAction repository={repository} delete={this.delete}/>
-                <NavLink to="/repos" label={t("repository-root.back-label")}/>
+                <DeleteNavAction repository={repository} delete={this.delete} />
+                <NavLink to="/repos" label={t("repository-root.back-label")} />
               </Section>
             </Navigation>
           </div>
@@ -128,7 +136,7 @@ class RepositoryRoot extends React.Component<Props> {
 }
 
 const mapStateToProps = (state, ownProps) => {
-  const {namespace, name} = ownProps.match.params;
+  const { namespace, name } = ownProps.match.params;
   const repository = getRepository(state, namespace, name);
   const loading = isFetchRepoPending(state, namespace, name);
   const error = getFetchRepoFailure(state, namespace, name);

From 4eb0ee367b922f0a8a7dae002cb01977ca80c32a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 08:32:02 +0200
Subject: [PATCH 08/32] get id

---
 .../changesets/containers/ChangesetView.js    | 36 ++++++++++++++++---
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/scm-ui/src/repos/changesets/containers/ChangesetView.js b/scm-ui/src/repos/changesets/containers/ChangesetView.js
index c3b7c248ae..e00b62aa14 100644
--- a/scm-ui/src/repos/changesets/containers/ChangesetView.js
+++ b/scm-ui/src/repos/changesets/containers/ChangesetView.js
@@ -1,12 +1,40 @@
 //@flow
 import React from "react";
+import { connect } from "react-redux";
+import { withRouter } from "react-router-dom";
 
-type Props = {};
+type Props = {
+  id: string
+};
+
+class ChangesetView extends React.Component<State, Props> {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  componentDidMount() {
+    const id = this.props.match.params.id;
+  }
 
-class ChangesetView extends React.Component<Props> {
   render() {
-    return <div>Hallo! Changesets here!</div>;
+    const id = this.props.match.params.id;
+
+    return <div>Hallo! Changesets here! {id}</div>;
   }
 }
 
-export default ChangesetView;
+const mapStateToProps = (state, ownProps: Props) => {
+  return null;
+};
+
+const mapDispatchToProps = dispatch => {
+  return null;
+};
+
+export default withRouter(
+  connect(
+    mapStateToProps,
+    mapDispatchToProps
+  )(ChangesetView)
+);

From d7d389320586aad2c8c17ef4d39489b825ca3814 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 09:25:19 +0200
Subject: [PATCH 09/32] add fetch changeset mock

---
 scm-ui/src/changesets/modules/changesets.js | 236 ++++++++++++++++----
 1 file changed, 198 insertions(+), 38 deletions(-)

diff --git a/scm-ui/src/changesets/modules/changesets.js b/scm-ui/src/changesets/modules/changesets.js
index 498f6b3aea..3f2819fc0a 100644
--- a/scm-ui/src/changesets/modules/changesets.js
+++ b/scm-ui/src/changesets/modules/changesets.js
@@ -1,44 +1,153 @@
 // @flow
 
-import {FAILURE_SUFFIX, PENDING_SUFFIX, SUCCESS_SUFFIX} from "../../modules/types";
-import {apiClient} from "@scm-manager/ui-components";
-import {isPending} from "../../modules/pending";
-import {getFailure} from "../../modules/failure";
+import {
+  FAILURE_SUFFIX,
+  PENDING_SUFFIX,
+  SUCCESS_SUFFIX
+} from "../../modules/types";
+import { apiClient } from "@scm-manager/ui-components";
+import { isPending } from "../../modules/pending";
+import { getFailure } from "../../modules/failure";
 
 export const FETCH_CHANGESETS = "scm/repos/FETCH_CHANGESETS";
 export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESETS_SUCCESS = `${FETCH_CHANGESETS}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESETS_FAILURE = `${FETCH_CHANGESETS}_${FAILURE_SUFFIX}`;
 
+/****added for detailed view of changesets****/
+
+export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
+export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
+export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
+export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
+
+/********/
+
 const REPO_URL = "repositories";
 
+/****added for detailed view of changesets****/
+
+export function fetchChangesetIfNeeded(state: Object, namespace: string, repoName: string, id: string) {
+  return function(dispatch) {
+    if (shouldFetchChangeset(state, namespace, repoName, id)) {
+      dispatch(fetchChangeset(url));
+    }
+  };
+}
+
+export function shouldFetchChangeset(state: Object, namespace: string, repoName: string, id: string) {
+  // decide if changeset should be fetched here
+  return true;
+}
+
+function fetchChangeset(namespace: string, repoName: string, id: string) {
+  return function(dispatch) {
+    dispatch(fetchChangesetPending(namespace, repoName, id));
+    return apiClient
+      .get(url)
+      .then(response => response.json())
+      .then(json => dispatch(fetchChangesetSuccess(namespace, repoName, id)))
+      .catch(err => {
+        dispatch(fetchChangesetFailure(namespace, repoName, id, err));
+      });
+  };
+}
+
+export function fetchChangesetPending(
+  namespace: string, repoName: string, id: string
+): Action {
+  return {
+    type: FETCH_CHANGESET_PENDING,
+    payload: {
+      namespace,
+      repoName,
+      id
+    },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+}
+
+export function fetchChangesetSuccess(
+  namespace: string, repoName: string, id: string
+): Action {
+  return {
+    type: FETCH_CHANGESET_SUCCESS,
+    payload: { namespace, repoName, id },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+}
+
+function fetchChangesetFailure(
+  namespace: string,
+  name: string,
+  id: string,
+  error: Error
+): Action {
+  return {
+    type: FETCH_CHANGESET_FAILURE,
+    payload: {
+      namespace,
+      name,
+      id,
+      error
+    },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+
+/********/
 
 // actions
-export function fetchChangesetsByNamespaceAndName(namespace: string, name: string) {
-  return function (dispatch: any) {
+export function fetchChangesetsByNamespaceAndName(
+  namespace: string,
+  name: string
+) {
+  return function(dispatch: any) {
     dispatch(fetchChangesetsPending(namespace, name));
-    return apiClient.get(REPO_URL + "/" + namespace + "/" + name + "/changesets").then(response => response.json())
+    return apiClient
+      .get(REPO_URL + "/" + namespace + "/" + name + "/changesets")
+      .then(response => response.json())
       .then(data => {
-        dispatch(fetchChangesetsSuccess(data, namespace, name))
-      }).catch(cause => {
-        dispatch(fetchChangesetsFailure(namespace, name, cause))
+        dispatch(fetchChangesetsSuccess(data, namespace, name));
       })
-  }
+      .catch(cause => {
+        dispatch(fetchChangesetsFailure(namespace, name, cause));
+      });
+  };
 }
 
-export function fetchChangesetsByNamespaceNameAndBranch(namespace: string, name: string, branch: string) {
-  return function (dispatch: any) {
+export function fetchChangesetsByNamespaceNameAndBranch(
+  namespace: string,
+  name: string,
+  branch: string
+) {
+  return function(dispatch: any) {
     dispatch(fetchChangesetsPending(namespace, name, branch));
-    return apiClient.get(REPO_URL + "/" + namespace + "/" + name + "/branches/" + branch + "/changesets").then(response => response.json())
+    return apiClient
+      .get(
+        REPO_URL +
+          "/" +
+          namespace +
+          "/" +
+          name +
+          "/branches/" +
+          branch +
+          "/changesets"
+      )
+      .then(response => response.json())
       .then(data => {
-        dispatch(fetchChangesetsSuccess(data, namespace, name, branch))
-      }).catch(cause => {
-        dispatch(fetchChangesetsFailure(namespace, name, branch, cause))
+        dispatch(fetchChangesetsSuccess(data, namespace, name, branch));
       })
-  }
+      .catch(cause => {
+        dispatch(fetchChangesetsFailure(namespace, name, branch, cause));
+      });
+  };
 }
 
-export function fetchChangesetsPending(namespace: string, name: string, branch?: string): Action {
+export function fetchChangesetsPending(
+  namespace: string,
+  name: string,
+  branch?: string
+): Action {
   return {
     type: FETCH_CHANGESETS_PENDING,
     payload: {
@@ -47,18 +156,28 @@ export function fetchChangesetsPending(namespace: string, name: string, branch?:
       branch
     },
     itemId: createItemId(namespace, name, branch)
-  }
+  };
 }
 
-export function fetchChangesetsSuccess(collection: any, namespace: string, name: string, branch?: string): Action {
+export function fetchChangesetsSuccess(
+  collection: any,
+  namespace: string,
+  name: string,
+  branch?: string
+): Action {
   return {
     type: FETCH_CHANGESETS_SUCCESS,
-    payload: {collection, namespace, name, branch},
+    payload: { collection, namespace, name, branch },
     itemId: createItemId(namespace, name, branch)
-  }
+  };
 }
 
-function fetchChangesetsFailure(namespace: string, name: string, branch?: string, error: Error): Action {
+function fetchChangesetsFailure(
+  namespace: string,
+  name: string,
+  branch?: string,
+  error: Error
+): Action {
   return {
     type: FETCH_CHANGESETS_FAILURE,
     payload: {
@@ -68,10 +187,14 @@ function fetchChangesetsFailure(namespace: string, name: string, branch?: string
       error
     },
     itemId: createItemId(namespace, name, branch)
-  }
+  };
 }
 
-function createItemId(namespace: string, name: string, branch?: string): string {
+function createItemId(
+  namespace: string,
+  name: string,
+  branch?: string
+): string {
   let itemId = namespace + "/" + name;
   if (branch && branch !== "") {
     itemId = itemId + "/" + branch;
@@ -80,16 +203,27 @@ function createItemId(namespace: string, name: string, branch?: string): string
 }
 
 // reducer
-export default function reducer(state: any = {}, action: Action = {type: "UNKNOWN"}): Object {
+export default function reducer(
+  state: any = {},
+  action: Action = { type: "UNKNOWN" }
+): Object {
   switch (action.type) {
     case FETCH_CHANGESETS_SUCCESS:
-      const {namespace, name, branch} = action.payload;
+      const { namespace, name, branch } = action.payload;
       const key = createItemId(namespace, name, branch);
-      let oldChangesets = {[key]: {}};
+      let oldChangesets = { [key]: {} };
       if (state[key] !== undefined) {
-        oldChangesets[key] = state[key]
+        oldChangesets[key] = state[key];
       }
-      return {...state, [key]: {byId: extractChangesetsByIds(action.payload.collection, oldChangesets[key].byId)}};
+      return {
+        ...state,
+        [key]: {
+          byId: extractChangesetsByIds(
+            action.payload.collection,
+            oldChangesets[key].byId
+          )
+        }
+      };
     default:
       return state;
   }
@@ -111,7 +245,11 @@ function extractChangesetsByIds(data: any, oldChangesetsByIds: any) {
 }
 
 //selectors
-export function getChangesetsForNamespaceAndNameFromState(namespace: string, name: string, state: Object) {
+export function getChangesetsForNamespaceAndNameFromState(
+  namespace: string,
+  name: string,
+  state: Object
+) {
   const key = createItemId(namespace, name);
   if (!state.changesets[key]) {
     return null;
@@ -119,7 +257,12 @@ export function getChangesetsForNamespaceAndNameFromState(namespace: string, nam
   return Object.values(state.changesets[key].byId);
 }
 
-export function getChangesets(state: Object, namespace: string, name: string, branch: string) {
+export function getChangesets(
+  state: Object,
+  namespace: string,
+  name: string,
+  branch: string
+) {
   const key = createItemId(namespace, name, branch);
   if (!state.changesets[key]) {
     return null;
@@ -127,11 +270,28 @@ export function getChangesets(state: Object, namespace: string, name: string, br
   return Object.values(state.changesets[key].byId);
 }
 
-export function isFetchChangesetsPending(state: Object, namespace: string, name: string, branch?: string) {
-  return isPending(state, FETCH_CHANGESETS, createItemId(namespace, name, branch))
+export function isFetchChangesetsPending(
+  state: Object,
+  namespace: string,
+  name: string,
+  branch?: string
+) {
+  return isPending(
+    state,
+    FETCH_CHANGESETS,
+    createItemId(namespace, name, branch)
+  );
 }
 
-export function getFetchChangesetsFailure(state: Object, namespace: string, name: string, branch?: string) {
-  return getFailure(state, FETCH_CHANGESETS, createItemId(namespace, name, branch));
+export function getFetchChangesetsFailure(
+  state: Object,
+  namespace: string,
+  name: string,
+  branch?: string
+) {
+  return getFailure(
+    state,
+    FETCH_CHANGESETS,
+    createItemId(namespace, name, branch)
+  );
 }
-

From 33fc15b99c0f159510df94894ab79b5c69dd8633 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 10:06:38 +0200
Subject: [PATCH 10/32] resolve further merging conflicts

---
 .../src/changesets/components/ChangesetRow.js |  38 ---
 .../src/changesets/containers/Changesets.js   | 158 ----------
 scm-ui/src/changesets/modules/changesets.js   | 297 ------------------
 .../repos/changesets/modules/changesets.js    |   0
 .../changesets/modules/changesets.test.js     |   0
 .../src/repos/changesets/types/Changeset.js   |  13 -
 .../containers/ChangesetView.js               |   0
 scm-ui/src/repos/containers/Changesets.js     |   2 +-
 scm-ui/src/repos/containers/RepositoryRoot.js |   9 +-
 scm-ui/src/repos/modules/changesets.js        |  97 +++++-
 10 files changed, 103 insertions(+), 511 deletions(-)
 delete mode 100644 scm-ui/src/changesets/components/ChangesetRow.js
 delete mode 100644 scm-ui/src/changesets/containers/Changesets.js
 delete mode 100644 scm-ui/src/changesets/modules/changesets.js
 delete mode 100644 scm-ui/src/repos/changesets/modules/changesets.js
 delete mode 100644 scm-ui/src/repos/changesets/modules/changesets.test.js
 delete mode 100644 scm-ui/src/repos/changesets/types/Changeset.js
 rename scm-ui/src/repos/{changesets => }/containers/ChangesetView.js (100%)

diff --git a/scm-ui/src/changesets/components/ChangesetRow.js b/scm-ui/src/changesets/components/ChangesetRow.js
deleted file mode 100644
index 5f88294cb1..0000000000
--- a/scm-ui/src/changesets/components/ChangesetRow.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react"
-import type { Changeset } from "@scm-manager/ui-types"
-import {ExtensionPoint} from "@scm-manager/ui-extensions";
-import {Link} from "react-router-dom";
-import {History} from "history";
-import { NavLink } from "@scm-manager/ui-components";
-import {withRouter} from "react-router-dom";
-
-
-type Props = {
-  changeset: Changeset,
-  location: any
-}
-
-class ChangesetRow extends React.Component<Props> {
-
-
-  render() {
-    const { changeset } = this.props;
-    // todo: i18n
-    return (
-        <tr>
-          <td>
-            <ExtensionPoint
-              name="repos.changeset-table.information"
-              renderAll={true}
-              props={{ changeset }}
-            />
-            <p> <NavLink to={`${this.props.location.pathname}/commit/${changeset.id}`} label={changeset.description}/></p>
-            <p className="is-size-7">Changeset { changeset.id } commited at { changeset.date }</p>
-            <p className="is-size-7">{changeset.author.name} <a href={"mailto:" + changeset.author.mail}>&lt;{changeset.author.mail}&gt;</a></p></td>
-        </tr>
-    );
-
-  }
-}
-
-export default withRouter(ChangesetRow);
diff --git a/scm-ui/src/changesets/containers/Changesets.js b/scm-ui/src/changesets/containers/Changesets.js
deleted file mode 100644
index 9da1fd05f4..0000000000
--- a/scm-ui/src/changesets/containers/Changesets.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import { ErrorNotification, Loading } from "@scm-manager/ui-components";
-
-import {
-  fetchChangesetsByNamespaceAndName,
-  fetchChangesetsByNamespaceNameAndBranch,
-  getChangesets,
-  getFetchChangesetsFailure,
-  isFetchChangesetsPending
-} from "../modules/changesets";
-import type { History } from "history";
-import {
-  fetchBranchesByNamespaceAndName,
-  getBranchNames
-} from "../../repos/modules/branches";
-import type { Repository } from "@scm-manager/ui-types";
-import ChangesetTable from "../components/ChangesetTable";
-import DropDown from "../components/DropDown";
-import { Route, withRouter } from "react-router-dom";
-import ChangesetView from "../../repos/changesets/containers/ChangesetView";
-
-type Props = {
-  repository: Repository,
-  branchName: string,
-  history: History,
-  fetchChangesetsByNamespaceNameAndBranch: (
-    namespace: string,
-    name: string,
-    branch: string
-  ) => void
-};
-
-class Changesets extends React.Component<State, Props> {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-
-  componentDidMount() {
-    const { namespace, name } = this.props.repository;
-    const branchName = this.props.match.params.branch;
-    if (branchName) {
-      this.props.fetchChangesetsByNamespaceNameAndBranch(
-        namespace,
-        name,
-        branchName
-      );
-    } else {
-      this.props.fetchChangesetsByNamespaceAndName(namespace, name);
-    }
-    this.props.fetchBranchesByNamespaceAndName(namespace, name);
-  }
-
-  matchedUrl = () => {
-    return this.props.match.url;
-  };
-  render() {
-    const url = this.matchedUrl();
-
-    const { changesets, loading, error, repository } = this.props;
-    if (loading || !changesets) {
-      return <Loading />;
-    }
-    return (
-      <div className="column is-three-quarters">
-        <Route exact path={url} render={this.renderChangesets} />
-        <Route
-          exact
-          path={`${url}/commit/:id`}
-          component={() => <ChangesetView repository={repository} />}
-        />
-      </div>
-    );
-  }
-
-  renderChangesets = () => {
-    return (
-      <div>
-        <ErrorNotification error={this.props.error} />
-        {this.renderContent()}
-      </div>
-    );
-  };
-  renderContent = () => {
-    const branch = this.props.match.params.branch;
-    const { changesets, branchNames } = this.props;
-
-    if (branchNames) {
-      return (
-        <div>
-          <DropDown
-            options={branchNames}
-            preselectedOption={branch}
-            optionSelected={branch => this.branchChanged(branch)}
-          />
-          <ChangesetTable changesets={changesets} />
-        </div>
-      );
-    }
-
-    return <ChangesetTable changesets={changesets} />;
-  };
-
-  branchChanged = (branchName: string) => {
-    const { history, repository } = this.props;
-    history.push(
-      `/repo/${repository.namespace}/${repository.name}/history/${branchName}`
-    );
-  };
-}
-
-const mapStateToProps = (state, ownProps: Props) => {
-  const { namespace, name } = ownProps.repository;
-  return {
-    loading: isFetchChangesetsPending(namespace, name, state),
-    changesets: getChangesets(
-      state,
-      namespace,
-      name,
-      ownProps.match.params.branch
-    ),
-    branchNames: getBranchNames(namespace, name, state),
-    error: getFetchChangesetsFailure(
-      state,
-      namespace,
-      name,
-      ownProps.match.params.branch
-    )
-  };
-};
-
-const mapDispatchToProps = dispatch => {
-  return {
-    fetchChangesetsByNamespaceAndName: (namespace: string, name: string) => {
-      dispatch(fetchChangesetsByNamespaceAndName(namespace, name));
-    },
-    fetchChangesetsByNamespaceNameAndBranch: (
-      namespace: string,
-      name: string,
-      branch: string
-    ) => {
-      dispatch(
-        fetchChangesetsByNamespaceNameAndBranch(namespace, name, branch)
-      );
-    },
-    fetchBranchesByNamespaceAndName: (namespace: string, name: string) => {
-      dispatch(fetchBranchesByNamespaceAndName(namespace, name));
-    }
-  };
-};
-
-export default withRouter(
-  connect(
-    mapStateToProps,
-    mapDispatchToProps
-  )(Changesets)
-);
diff --git a/scm-ui/src/changesets/modules/changesets.js b/scm-ui/src/changesets/modules/changesets.js
deleted file mode 100644
index 3f2819fc0a..0000000000
--- a/scm-ui/src/changesets/modules/changesets.js
+++ /dev/null
@@ -1,297 +0,0 @@
-// @flow
-
-import {
-  FAILURE_SUFFIX,
-  PENDING_SUFFIX,
-  SUCCESS_SUFFIX
-} from "../../modules/types";
-import { apiClient } from "@scm-manager/ui-components";
-import { isPending } from "../../modules/pending";
-import { getFailure } from "../../modules/failure";
-
-export const FETCH_CHANGESETS = "scm/repos/FETCH_CHANGESETS";
-export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
-export const FETCH_CHANGESETS_SUCCESS = `${FETCH_CHANGESETS}_${SUCCESS_SUFFIX}`;
-export const FETCH_CHANGESETS_FAILURE = `${FETCH_CHANGESETS}_${FAILURE_SUFFIX}`;
-
-/****added for detailed view of changesets****/
-
-export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
-export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
-export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
-export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
-
-/********/
-
-const REPO_URL = "repositories";
-
-/****added for detailed view of changesets****/
-
-export function fetchChangesetIfNeeded(state: Object, namespace: string, repoName: string, id: string) {
-  return function(dispatch) {
-    if (shouldFetchChangeset(state, namespace, repoName, id)) {
-      dispatch(fetchChangeset(url));
-    }
-  };
-}
-
-export function shouldFetchChangeset(state: Object, namespace: string, repoName: string, id: string) {
-  // decide if changeset should be fetched here
-  return true;
-}
-
-function fetchChangeset(namespace: string, repoName: string, id: string) {
-  return function(dispatch) {
-    dispatch(fetchChangesetPending(namespace, repoName, id));
-    return apiClient
-      .get(url)
-      .then(response => response.json())
-      .then(json => dispatch(fetchChangesetSuccess(namespace, repoName, id)))
-      .catch(err => {
-        dispatch(fetchChangesetFailure(namespace, repoName, id, err));
-      });
-  };
-}
-
-export function fetchChangesetPending(
-  namespace: string, repoName: string, id: string
-): Action {
-  return {
-    type: FETCH_CHANGESET_PENDING,
-    payload: {
-      namespace,
-      repoName,
-      id
-    },
-    itemId: createItemId(namespace, repoName) + "/" + id
-  };
-}
-
-export function fetchChangesetSuccess(
-  namespace: string, repoName: string, id: string
-): Action {
-  return {
-    type: FETCH_CHANGESET_SUCCESS,
-    payload: { namespace, repoName, id },
-    itemId: createItemId(namespace, repoName) + "/" + id
-  };
-}
-
-function fetchChangesetFailure(
-  namespace: string,
-  name: string,
-  id: string,
-  error: Error
-): Action {
-  return {
-    type: FETCH_CHANGESET_FAILURE,
-    payload: {
-      namespace,
-      name,
-      id,
-      error
-    },
-    itemId: createItemId(namespace, repoName) + "/" + id
-  };
-
-/********/
-
-// actions
-export function fetchChangesetsByNamespaceAndName(
-  namespace: string,
-  name: string
-) {
-  return function(dispatch: any) {
-    dispatch(fetchChangesetsPending(namespace, name));
-    return apiClient
-      .get(REPO_URL + "/" + namespace + "/" + name + "/changesets")
-      .then(response => response.json())
-      .then(data => {
-        dispatch(fetchChangesetsSuccess(data, namespace, name));
-      })
-      .catch(cause => {
-        dispatch(fetchChangesetsFailure(namespace, name, cause));
-      });
-  };
-}
-
-export function fetchChangesetsByNamespaceNameAndBranch(
-  namespace: string,
-  name: string,
-  branch: string
-) {
-  return function(dispatch: any) {
-    dispatch(fetchChangesetsPending(namespace, name, branch));
-    return apiClient
-      .get(
-        REPO_URL +
-          "/" +
-          namespace +
-          "/" +
-          name +
-          "/branches/" +
-          branch +
-          "/changesets"
-      )
-      .then(response => response.json())
-      .then(data => {
-        dispatch(fetchChangesetsSuccess(data, namespace, name, branch));
-      })
-      .catch(cause => {
-        dispatch(fetchChangesetsFailure(namespace, name, branch, cause));
-      });
-  };
-}
-
-export function fetchChangesetsPending(
-  namespace: string,
-  name: string,
-  branch?: string
-): Action {
-  return {
-    type: FETCH_CHANGESETS_PENDING,
-    payload: {
-      namespace,
-      name,
-      branch
-    },
-    itemId: createItemId(namespace, name, branch)
-  };
-}
-
-export function fetchChangesetsSuccess(
-  collection: any,
-  namespace: string,
-  name: string,
-  branch?: string
-): Action {
-  return {
-    type: FETCH_CHANGESETS_SUCCESS,
-    payload: { collection, namespace, name, branch },
-    itemId: createItemId(namespace, name, branch)
-  };
-}
-
-function fetchChangesetsFailure(
-  namespace: string,
-  name: string,
-  branch?: string,
-  error: Error
-): Action {
-  return {
-    type: FETCH_CHANGESETS_FAILURE,
-    payload: {
-      namespace,
-      name,
-      branch,
-      error
-    },
-    itemId: createItemId(namespace, name, branch)
-  };
-}
-
-function createItemId(
-  namespace: string,
-  name: string,
-  branch?: string
-): string {
-  let itemId = namespace + "/" + name;
-  if (branch && branch !== "") {
-    itemId = itemId + "/" + branch;
-  }
-  return itemId;
-}
-
-// reducer
-export default function reducer(
-  state: any = {},
-  action: Action = { type: "UNKNOWN" }
-): Object {
-  switch (action.type) {
-    case FETCH_CHANGESETS_SUCCESS:
-      const { namespace, name, branch } = action.payload;
-      const key = createItemId(namespace, name, branch);
-      let oldChangesets = { [key]: {} };
-      if (state[key] !== undefined) {
-        oldChangesets[key] = state[key];
-      }
-      return {
-        ...state,
-        [key]: {
-          byId: extractChangesetsByIds(
-            action.payload.collection,
-            oldChangesets[key].byId
-          )
-        }
-      };
-    default:
-      return state;
-  }
-}
-
-function extractChangesetsByIds(data: any, oldChangesetsByIds: any) {
-  const changesets = data._embedded.changesets;
-  const changesetsByIds = {};
-
-  for (let changeset of changesets) {
-    changesetsByIds[changeset.id] = changeset;
-  }
-
-  for (let id in oldChangesetsByIds) {
-    changesetsByIds[id] = oldChangesetsByIds[id];
-  }
-
-  return changesetsByIds;
-}
-
-//selectors
-export function getChangesetsForNamespaceAndNameFromState(
-  namespace: string,
-  name: string,
-  state: Object
-) {
-  const key = createItemId(namespace, name);
-  if (!state.changesets[key]) {
-    return null;
-  }
-  return Object.values(state.changesets[key].byId);
-}
-
-export function getChangesets(
-  state: Object,
-  namespace: string,
-  name: string,
-  branch: string
-) {
-  const key = createItemId(namespace, name, branch);
-  if (!state.changesets[key]) {
-    return null;
-  }
-  return Object.values(state.changesets[key].byId);
-}
-
-export function isFetchChangesetsPending(
-  state: Object,
-  namespace: string,
-  name: string,
-  branch?: string
-) {
-  return isPending(
-    state,
-    FETCH_CHANGESETS,
-    createItemId(namespace, name, branch)
-  );
-}
-
-export function getFetchChangesetsFailure(
-  state: Object,
-  namespace: string,
-  name: string,
-  branch?: string
-) {
-  return getFailure(
-    state,
-    FETCH_CHANGESETS,
-    createItemId(namespace, name, branch)
-  );
-}
diff --git a/scm-ui/src/repos/changesets/modules/changesets.js b/scm-ui/src/repos/changesets/modules/changesets.js
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/scm-ui/src/repos/changesets/modules/changesets.test.js b/scm-ui/src/repos/changesets/modules/changesets.test.js
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/scm-ui/src/repos/changesets/types/Changeset.js b/scm-ui/src/repos/changesets/types/Changeset.js
deleted file mode 100644
index ac7b9861f7..0000000000
--- a/scm-ui/src/repos/changesets/types/Changeset.js
+++ /dev/null
@@ -1,13 +0,0 @@
-//@flow
-import type { Links } from "@scm-manager/ui-types";
-
-export type Changeset = {
-  id: String,
-  author: {
-    mail: String,
-    name: String
-  },
-  date: String,
-  description: String,
-  _links: Links
-};
diff --git a/scm-ui/src/repos/changesets/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
similarity index 100%
rename from scm-ui/src/repos/changesets/containers/ChangesetView.js
rename to scm-ui/src/repos/containers/ChangesetView.js
diff --git a/scm-ui/src/repos/containers/Changesets.js b/scm-ui/src/repos/containers/Changesets.js
index 5d151e33dd..ebb891002c 100644
--- a/scm-ui/src/repos/containers/Changesets.js
+++ b/scm-ui/src/repos/containers/Changesets.js
@@ -92,7 +92,7 @@ class Changesets extends React.Component<State, Props> {
       );
     }
 
-    return <ChangesetList changesets={changesets} />;
+    return <ChangesetList repository={repository} changesets={changesets} />;
   };
 
   renderPaginator() {
diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 3017f02000..a59dfb8258 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -8,7 +8,7 @@ import {
   isFetchRepoPending
 } from "../modules/repos";
 import { connect } from "react-redux";
-import { Route, Switch } from "react-router-dom";
+import { Route } from "react-router-dom";
 import type { Repository } from "@scm-manager/ui-types";
 import {
   Page,
@@ -25,8 +25,8 @@ import Edit from "../containers/Edit";
 
 import type { History } from "history";
 import EditNavLink from "../components/EditNavLink";
-import ChangesetView from "../changesets/containers/ChangesetView";
 import Changesets from "./Changesets";
+import ChangesetView from "./ChangesetView";
 
 type Props = {
   namespace: string,
@@ -104,15 +104,18 @@ class RepositoryRoot extends React.Component<Props> {
               component={() => <Edit repository={repository} />}
             />
             <Route
+              exact
               path={`${url}/history`}
               component={() => <Changesets repository={repository} />}
             />
             <Route
+              exact
               path={`${url}/history/:branch`}
               component={() => <Changesets repository={repository} />}
             />
             <Route
-              path={`${url}/changesets/:id`}
+              exact
+              path={`${url}/changeset/:id`}
               component={() => <ChangesetView repository={repository} />}
             />
           </div>
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index b806fff535..a39bb407c2 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -16,9 +16,104 @@ export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESETS_SUCCESS = `${FETCH_CHANGESETS}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESETS_FAILURE = `${FETCH_CHANGESETS}_${FAILURE_SUFFIX}`;
 
+//added for detailed view of changesets
+
+export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
+export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
+export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
+export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
+
+// end of detailed view add
+
+// actions
 const REPO_URL = "repositories";
 //TODO: Content type
-// actions
+
+//added for detailed view of changesets
+
+function fetchChangesetIfNeeded(
+  state: Object,
+  namespace: string,
+  repoName: string,
+  id: string
+) {
+  return function(dispatch) {
+    if (shouldFetchChangeset(state, namespace, repoName, id)) {
+      dispatch(fetchChangeset(url));
+    }
+  };
+}
+
+export function shouldFetchChangeset(
+  state: Object,
+  namespace: string,
+  repoName: string,
+  id: string
+) {
+  // decide if changeset should be fetched here
+  return true;
+}
+
+function fetchChangeset(namespace: string, repoName: string, id: string) {
+  return function(dispatch) {
+    dispatch(fetchChangesetPending(namespace, repoName, id));
+    return apiClient
+      .get(url)
+      .then(response => response.json())
+      .then(json => dispatch(fetchChangesetSuccess(namespace, repoName, id)))
+      .catch(err => {
+        dispatch(fetchChangesetFailure(namespace, repoName, id, err));
+      });
+  };
+}
+
+export function fetchChangesetPending(
+  namespace: string,
+  repoName: string,
+  id: string
+): Action {
+  return {
+    type: FETCH_CHANGESET_PENDING,
+    payload: {
+      namespace,
+      repoName,
+      id
+    },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+}
+
+export function fetchChangesetSuccess(
+  namespace: string,
+  repoName: string,
+  id: string
+): Action {
+  return {
+    type: FETCH_CHANGESET_SUCCESS,
+    payload: { namespace, repoName, id },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+}
+
+function fetchChangesetFailure(
+  namespace: string,
+  name: string,
+  id: string,
+  error: Error
+): Action {
+  return {
+    type: FETCH_CHANGESET_FAILURE,
+    payload: {
+      namespace,
+      name,
+      id,
+      error
+    },
+    itemId: createItemId(namespace, repoName) + "/" + id
+  };
+}
+
+// end of detailed view add
 
 export function fetchChangesetsWithOptions(
   namespace: string,

From a1838c1ec8ea9a5a4764d693ac332f2472d3f583 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 12:03:49 +0200
Subject: [PATCH 11/32] add reducer, selector and actions for getting one
 changeset

---
 scm-ui/src/repos/modules/changesets.js      | 138 +++++++--
 scm-ui/src/repos/modules/changesets.test.js | 307 +++++++++++++++++++-
 2 files changed, 420 insertions(+), 25 deletions(-)

diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index a39bb407c2..dfe1a77f75 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -16,51 +16,47 @@ export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESETS_SUCCESS = `${FETCH_CHANGESETS}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESETS_FAILURE = `${FETCH_CHANGESETS}_${FAILURE_SUFFIX}`;
 
-//added for detailed view of changesets
+//********added for detailed view of changesets
 
 export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
 export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
 
-// end of detailed view add
+//********end of detailed view add
 
 // actions
 const REPO_URL = "repositories";
 //TODO: Content type
 
-//added for detailed view of changesets
+//********added for detailed view of changesets
 
-function fetchChangesetIfNeeded(
+export function fetchChangesetIfNeeded(
   state: Object,
   namespace: string,
   repoName: string,
   id: string
 ) {
-  return function(dispatch) {
+  return function(dispatch: any) {
     if (shouldFetchChangeset(state, namespace, repoName, id)) {
-      dispatch(fetchChangeset(url));
+      return dispatch(fetchChangeset(namespace, repoName, id));
     }
   };
 }
 
-export function shouldFetchChangeset(
-  state: Object,
+export function fetchChangeset(
   namespace: string,
   repoName: string,
   id: string
 ) {
-  // decide if changeset should be fetched here
-  return true;
-}
-
-function fetchChangeset(namespace: string, repoName: string, id: string) {
-  return function(dispatch) {
+  return function(dispatch: any) {
     dispatch(fetchChangesetPending(namespace, repoName, id));
     return apiClient
-      .get(url)
+      .get(REPO_URL + `/${namespace}/${repoName}/changesets/${id}`)
       .then(response => response.json())
-      .then(json => dispatch(fetchChangesetSuccess(namespace, repoName, id)))
+      .then(data =>
+        dispatch(fetchChangesetSuccess(data, namespace, repoName, id))
+      )
       .catch(err => {
         dispatch(fetchChangesetFailure(namespace, repoName, id, err));
       });
@@ -79,25 +75,26 @@ export function fetchChangesetPending(
       repoName,
       id
     },
-    itemId: createItemId(namespace, repoName) + "/" + id
+    itemId: createItemId(namespace, repoName, id)
   };
 }
 
 export function fetchChangesetSuccess(
+  changeset: any,
   namespace: string,
   repoName: string,
   id: string
 ): Action {
   return {
     type: FETCH_CHANGESET_SUCCESS,
-    payload: { namespace, repoName, id },
-    itemId: createItemId(namespace, repoName) + "/" + id
+    payload: { changeset, namespace, repoName, id },
+    itemId: createItemId(namespace, repoName, id)
   };
 }
 
 function fetchChangesetFailure(
   namespace: string,
-  name: string,
+  repoName: string,
   id: string,
   error: Error
 ): Action {
@@ -105,15 +102,14 @@ function fetchChangesetFailure(
     type: FETCH_CHANGESET_FAILURE,
     payload: {
       namespace,
-      name,
+      repoName,
       id,
       error
     },
-    itemId: createItemId(namespace, repoName) + "/" + id
+    itemId: createItemId(namespace, repoName, id)
   };
 }
-
-// end of detailed view add
+//********end of detailed view add
 
 export function fetchChangesetsWithOptions(
   namespace: string,
@@ -234,6 +230,26 @@ function byKeyReducer(
   action: Action = { type: "UNKNOWN" }
 ): Object {
   switch (action.type) {
+    //********added for detailed view of changesets
+    case FETCH_CHANGESET_SUCCESS:
+      const _key = createItemId(
+        action.payload.namespace,
+        action.payload.repoName
+      );
+      let _oldChangesets = { [_key]: {} };
+      if (state[_key] !== undefined) {
+        _oldChangesets[_key] = state[_key];
+      }
+      return {
+        ...state,
+        [_key]: {
+          byId: addChangesetToChangesets(
+            action.payload.changeset,
+            _oldChangesets[_key].byId
+          )
+        }
+      };
+    //********end of added for detailed view of changesets
     case FETCH_CHANGESETS_SUCCESS:
       const key = action.itemId;
       let oldChangesets = { [key]: {} };
@@ -256,6 +272,18 @@ function listReducer(
   action: Action = { type: "UNKNOWN" }
 ): Object {
   switch (action.type) {
+    //********added for detailed view of changesets
+    case FETCH_CHANGESET_SUCCESS:
+      const changesetId = action.payload.changeset.id;
+      const stateEntries = state.entries;
+      stateEntries.push(changesetId);
+      return {
+        entries: stateEntries,
+        entry: {
+          ...state.entry
+        }
+      };
+    //********end of added for detailed view of changesets
     case FETCH_CHANGESETS_SUCCESS:
       const changesets = action.payload._embedded.changesets;
       const changesetIds = changesets.map(c => c.id);
@@ -291,6 +319,21 @@ function extractChangesetsByIds(data: any, oldChangesetsByIds: any) {
 
   return changesetsByIds;
 }
+//********added for detailed view of changesets
+
+function addChangesetToChangesets(data: any, oldChangesetsByIds: any) {
+  const changeset = data;
+  const changesetsByIds = {};
+
+  changesetsByIds[changeset.id] = changeset;
+
+  for (let id in oldChangesetsByIds) {
+    changesetsByIds[id] = oldChangesetsByIds[id];
+  }
+
+  return changesetsByIds;
+}
+//********end of added for detailed view of changesets
 
 //selectors
 export function getChangesets(
@@ -306,6 +349,53 @@ export function getChangesets(
   return Object.values(state.changesets.byKey[key].byId);
 }
 
+//********added for detailed view of changesets
+export function getChangeset(
+  state: Object,
+  namespace: string,
+  name: string,
+  id: string,
+  branch?: string
+) {
+  const key = createItemId(namespace, name, branch);
+  const changesets = state.changesets.byKey[key].byId;
+  if (changesets != null && changesets[id]) {
+    return changesets[id];
+  }
+  return null;
+}
+
+export function shouldFetchChangeset(
+  state: Object,
+  namespace: string,
+  repoName: string,
+  id: string
+) {
+  if (getChangeset(state, namespace, repoName, id)) {
+    return false;
+  }
+  return true;
+}
+
+export function isFetchChangesetPending(
+  state: Object,
+  namespace: string,
+  name: string,
+  id: string
+) {
+  return isPending(state, FETCH_CHANGESET, createItemId(namespace, name, id));
+}
+
+export function getFetchChangesetFailure(
+  state: Object,
+  namespace: string,
+  name: string,
+  id: string
+) {
+  return getFailure(state, FETCH_CHANGESET, createItemId(namespace, name, id));
+}
+//********end of added for detailed view of changesets
+
 export function isFetchChangesetsPending(
   state: Object,
   namespace: string,
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index d46dff8ef7..ae5c9ce6ea 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -8,6 +8,10 @@ import {
   FETCH_CHANGESETS_FAILURE,
   FETCH_CHANGESETS_PENDING,
   FETCH_CHANGESETS_SUCCESS,
+  FETCH_CHANGESET,
+  FETCH_CHANGESET_FAILURE,
+  FETCH_CHANGESET_PENDING,
+  FETCH_CHANGESET_SUCCESS,
   fetchChangesets,
   fetchChangesetsByBranchAndPage,
   fetchChangesetsByNamespaceNameAndBranch,
@@ -15,7 +19,14 @@ import {
   fetchChangesetsSuccess,
   getChangesets,
   getFetchChangesetsFailure,
-  isFetchChangesetsPending
+  isFetchChangesetsPending,
+  fetchChangeset,
+  getChangeset,
+  fetchChangesetIfNeeded,
+  shouldFetchChangeset,
+  isFetchChangesetPending,
+  getFetchChangesetFailure,
+  fetchChangesetSuccess
 } from "./changesets";
 import reducer from "./changesets";
 
@@ -33,6 +44,139 @@ describe("changesets", () => {
       fetchMock.restore();
     });
 
+    //********added for detailed view of changesets
+    const changesetId = "aba876c0625d90a6aff1494f3d161aaa7008b958";
+
+    it("should fetch changeset", () => {
+      fetchMock.getOnce(DEFAULT_BRANCH_URL + "/" + changesetId, "{}");
+
+      const expectedActions = [
+        {
+          type: FETCH_CHANGESET_PENDING,
+          payload: {
+            id: changesetId,
+            namespace: "foo",
+            repoName: "bar"
+          },
+          itemId: "foo/bar/" + changesetId
+        },
+        {
+          type: FETCH_CHANGESET_SUCCESS,
+          payload: {
+            changeset: {},
+            id: changesetId,
+            namespace: "foo",
+            repoName: "bar"
+          },
+          itemId: "foo/bar/" + changesetId
+        }
+      ];
+
+      const store = mockStore({});
+      return store
+        .dispatch(fetchChangeset("foo", "bar", changesetId))
+        .then(() => {
+          expect(store.getActions()).toEqual(expectedActions);
+        });
+    });
+
+    it("should fail fetching changeset on error", () => {
+      fetchMock.getOnce(DEFAULT_BRANCH_URL + "/" + changesetId, 500);
+
+      const expectedActions = [
+        {
+          type: FETCH_CHANGESET_PENDING,
+          payload: {
+            id: changesetId,
+            namespace: "foo",
+            repoName: "bar"
+          },
+          itemId: "foo/bar/" + changesetId
+        }
+      ];
+
+      const store = mockStore({});
+      return store
+        .dispatch(fetchChangeset("foo", "bar", changesetId))
+        .then(() => {
+          expect(store.getActions()[0]).toEqual(expectedActions[0]);
+          expect(store.getActions()[1].type).toEqual(FETCH_CHANGESET_FAILURE);
+          expect(store.getActions()[1].payload).toBeDefined();
+        });
+    });
+
+    it("should fetch changeset if needed", () => {
+      fetchMock.getOnce(DEFAULT_BRANCH_URL + "/" + "id3", "{}");
+
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+
+      const expectedActions = [
+        {
+          type: FETCH_CHANGESET_PENDING,
+          payload: {
+            id: "id3",
+            namespace: "foo",
+            repoName: "bar"
+          },
+          itemId: "foo/bar/" + "id3"
+        },
+        {
+          type: FETCH_CHANGESET_SUCCESS,
+          payload: {
+            changeset: {},
+            id: "id3",
+            namespace: "foo",
+            repoName: "bar"
+          },
+          itemId: "foo/bar/" + "id3"
+        }
+      ];
+
+      const store = mockStore({});
+      return store
+        .dispatch(fetchChangesetIfNeeded(state, "foo", "bar", "id3"))
+        .then(() => {
+          expect(store.getActions()).toEqual(expectedActions);
+        });
+    });
+
+    it("should not fetch changeset if not needed", () => {
+      fetchMock.getOnce(DEFAULT_BRANCH_URL + "/" + "id1", 500);
+
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+
+      const expectedActions = [];
+
+      const store = mockStore({});
+      return expect(
+        store.dispatch(fetchChangesetIfNeeded(state, "foo", "bar", "id1"))
+      ).toEqual(undefined);
+    });
+
+    //********end of added for detailed view of changesets
+
     it("should fetch changesets for default branch", () => {
       fetchMock.getOnce(DEFAULT_BRANCH_URL, "{}");
 
@@ -248,11 +392,172 @@ describe("changesets", () => {
       expect(newState.byKey["foo/bar"].byId["changeset2"]).toBeDefined();
       expect(newState.byKey["foo/bar"].byId["changeset1"]).toBeDefined();
     });
+
+    //********added for detailed view of changesets
+    const responseBodySingleChangeset = {
+      id: "id3",
+      author: {
+        mail: "z@phod.com",
+        name: "zaphod"
+      },
+      date: "2018-09-13T08:46:22Z",
+      description: "added testChangeset",
+      _links: {},
+      _embedded: {
+        tags: [],
+        branches: []
+      }
+    };
+
+    it("should add changeset to state", () => {
+      const newState = reducer(
+        {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                ["id2"]: {
+                  id: "id2",
+                  author: { mail: "mail@author.com", name: "author" }
+                }
+              }
+            }
+          },
+          list: {
+            entry: {
+              page: 1,
+              pageTotal: 10,
+              _links: {}
+            },
+            entries: ["id2"]
+          }
+        },
+        fetchChangesetSuccess(responseBodySingleChangeset, "foo", "bar", "id3")
+      );
+      expect(newState).toBeDefined();
+      expect(newState.byKey["foo/bar"].byId["id3"].description).toEqual(
+        "added testChangeset"
+      );
+      expect(newState.byKey["foo/bar"].byId["id3"].author.mail).toEqual(
+        "z@phod.com"
+      );
+      expect(newState.byKey["foo/bar"].byId["id2"]).toBeDefined();
+      expect(newState.byKey["foo/bar"].byId["id3"]).toBeDefined();
+      expect(newState.list).toEqual({
+        entry: {
+          page: 1,
+          pageTotal: 10,
+          _links: {}
+        },
+        entries: ["id2", "id3"]
+      });
+    });
+    //********end of added for detailed view of changesets
   });
 
   describe("changeset selectors", () => {
     const error = new Error("Something went wrong");
 
+    //********added for detailed view of changesets
+
+    it("should return changeset", () => {
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+      const result = getChangeset(state, "foo", "bar", "id1");
+      expect(result).toEqual({ id: "id1" });
+    });
+
+    it("should return null if changeset does not exist", () => {
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+      const result = getChangeset(state, "foo", "bar", "id3");
+      expect(result).toEqual(null);
+    });
+
+    it("should return true if changeset does not exist", () => {
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+      const result = shouldFetchChangeset(state, "foo", "bar", "id3");
+      expect(result).toEqual(true);
+    });
+
+    it("should return false if changeset exists", () => {
+      const state = {
+        changesets: {
+          byKey: {
+            "foo/bar": {
+              byId: {
+                id1: { id: "id1" },
+                id2: { id: "id2" }
+              }
+            }
+          }
+        }
+      };
+      const result = shouldFetchChangeset(state, "foo", "bar", "id2");
+      expect(result).toEqual(false);
+    });
+
+    it("should return true, when fetching changeset is pending", () => {
+      const state = {
+        pending: {
+          [FETCH_CHANGESET + "/foo/bar/id1"]: true
+        }
+      };
+
+      expect(isFetchChangesetPending(state, "foo", "bar", "id1")).toBeTruthy();
+    });
+
+    it("should return false, when fetching changeset is not pending", () => {
+      expect(isFetchChangesetPending({}, "foo", "bar", "id1")).toEqual(false);
+    });
+
+    it("should return error if fetching changeset failed", () => {
+      const state = {
+        failure: {
+          [FETCH_CHANGESET + "/foo/bar/id1"]: error
+        }
+      };
+
+      expect(getFetchChangesetFailure(state, "foo", "bar", "id1")).toEqual(
+        error
+      );
+    });
+
+    it("should return false if fetching changeset did not fail", () => {
+      expect(getFetchChangesetFailure({}, "foo", "bar", "id1")).toBeUndefined();
+    });
+    //********end of added for detailed view of changesets
+
     it("should get all changesets for a given namespace and name", () => {
       const state = {
         changesets: {

From e38275259f704032d1ab54a5c31be83d11ad14ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Sep 2018 15:43:12 +0200
Subject: [PATCH 12/32] add fetchifneeded to changesets view and use state

---
 scm-ui/src/repos/containers/ChangesetView.js | 27 ++++++++++++++++++--
 scm-ui/src/repos/modules/changesets.js       |  5 ++--
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index e00b62aa14..c4042aab67 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -2,9 +2,20 @@
 import React from "react";
 import { connect } from "react-redux";
 import { withRouter } from "react-router-dom";
+import type { Changeset } from "@scm-manager/ui-types";
+import { fetchChangesetIfNeeded } from "../modules/changesets";
 
 type Props = {
-  id: string
+  id: string,
+  changeset: Changeset,
+  repository: Repository,
+  repositories: Repository[],
+  fetchChangesetIfNeeded: (
+    state: Object,
+    namespace: string,
+    repoName: string,
+    id: string
+  ) => void
 };
 
 class ChangesetView extends React.Component<State, Props> {
@@ -14,7 +25,10 @@ class ChangesetView extends React.Component<State, Props> {
   }
 
   componentDidMount() {
+    const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
+    //state macht keinen Sinn?! repositories holen!
+    fetchChangesetIfNeeded(repository.namespace, repository.name, id);
   }
 
   render() {
@@ -29,7 +43,16 @@ const mapStateToProps = (state, ownProps: Props) => {
 };
 
 const mapDispatchToProps = dispatch => {
-  return null;
+  return {
+    fetchChangesetIfNeeded: (
+      state: Object,
+      namespace: string,
+      repoName: string,
+      id: string
+    ) => {
+      dispatch(fetchChangesetIfNeeded(state, namespace, repoName, id));
+    }
+  };
 };
 
 export default withRouter(
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index dfe1a77f75..5b3555cc70 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -37,8 +37,9 @@ export function fetchChangesetIfNeeded(
   repoName: string,
   id: string
 ) {
-  return function(dispatch: any) {
-    if (shouldFetchChangeset(state, namespace, repoName, id)) {
+  return function(dispatch: any, getState) {
+    console.log(getState());
+    if (shouldFetchChangeset(getState(), namespace, repoName, id)) {
       return dispatch(fetchChangeset(namespace, repoName, id));
     }
   };

From e3c7f50797cdbe1c97e0c78719e41de855f8b1e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 13:18:59 +0200
Subject: [PATCH 13/32] try to use getState

---
 scm-ui/src/repos/containers/ChangesetView.js | 2 +-
 scm-ui/src/repos/modules/changesets.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index c4042aab67..08a5be44fe 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -28,7 +28,7 @@ class ChangesetView extends React.Component<State, Props> {
     const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
     //state macht keinen Sinn?! repositories holen!
-    fetchChangesetIfNeeded(repository.namespace, repository.name, id);
+    fetchChangesetIfNeeded(null, repository.namespace, repository.name, id);
   }
 
   render() {
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index 5b3555cc70..ef9545c5a3 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -37,7 +37,7 @@ export function fetchChangesetIfNeeded(
   repoName: string,
   id: string
 ) {
-  return function(dispatch: any, getState) {
+  return (dispatch: any, getState: any) => {
     console.log(getState());
     if (shouldFetchChangeset(getState(), namespace, repoName, id)) {
       return dispatch(fetchChangeset(namespace, repoName, id));

From 5463796741da3a895897cc96a882e1baee4e8441 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 14:11:18 +0200
Subject: [PATCH 14/32] fetch changeset correct

---
 scm-ui/src/repos/containers/ChangesetView.js |  6 ++----
 scm-ui/src/repos/modules/changesets.js       | 10 ++++++----
 scm-ui/src/repos/modules/changesets.test.js  |  6 +++---
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 08a5be44fe..729ca40020 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -11,7 +11,6 @@ type Props = {
   repository: Repository,
   repositories: Repository[],
   fetchChangesetIfNeeded: (
-    state: Object,
     namespace: string,
     repoName: string,
     id: string
@@ -28,7 +27,7 @@ class ChangesetView extends React.Component<State, Props> {
     const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
     //state macht keinen Sinn?! repositories holen!
-    fetchChangesetIfNeeded(null, repository.namespace, repository.name, id);
+    fetchChangesetIfNeeded(repository.namespace, repository.name, id);
   }
 
   render() {
@@ -45,12 +44,11 @@ const mapStateToProps = (state, ownProps: Props) => {
 const mapDispatchToProps = dispatch => {
   return {
     fetchChangesetIfNeeded: (
-      state: Object,
       namespace: string,
       repoName: string,
       id: string
     ) => {
-      dispatch(fetchChangesetIfNeeded(state, namespace, repoName, id));
+      dispatch(fetchChangesetIfNeeded(namespace, repoName, id));
     }
   };
 };
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index ef9545c5a3..7e68e66f15 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -32,13 +32,11 @@ const REPO_URL = "repositories";
 //********added for detailed view of changesets
 
 export function fetchChangesetIfNeeded(
-  state: Object,
   namespace: string,
   repoName: string,
   id: string
 ) {
   return (dispatch: any, getState: any) => {
-    console.log(getState());
     if (shouldFetchChangeset(getState(), namespace, repoName, id)) {
       return dispatch(fetchChangeset(namespace, repoName, id));
     }
@@ -59,6 +57,7 @@ export function fetchChangeset(
         dispatch(fetchChangesetSuccess(data, namespace, repoName, id))
       )
       .catch(err => {
+        console.log(err);
         dispatch(fetchChangesetFailure(namespace, repoName, id, err));
       });
   };
@@ -276,7 +275,7 @@ function listReducer(
     //********added for detailed view of changesets
     case FETCH_CHANGESET_SUCCESS:
       const changesetId = action.payload.changeset.id;
-      const stateEntries = state.entries;
+      const stateEntries = state.entries ? state.entries : [];
       stateEntries.push(changesetId);
       return {
         entries: stateEntries,
@@ -359,7 +358,10 @@ export function getChangeset(
   branch?: string
 ) {
   const key = createItemId(namespace, name, branch);
-  const changesets = state.changesets.byKey[key].byId;
+  const changesets =
+    state.changesets && state.changesets.byKey && state.changesets.byKey[key]
+      ? state.changesets.byKey[key].byId
+      : null;
   if (changesets != null && changesets[id]) {
     return changesets[id];
   }
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index ae5c9ce6ea..65dd46cdbe 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -145,7 +145,7 @@ describe("changesets", () => {
 
       const store = mockStore({});
       return store
-        .dispatch(fetchChangesetIfNeeded(state, "foo", "bar", "id3"))
+        .dispatch(fetchChangesetIfNeeded("foo", "bar", "id3"))
         .then(() => {
           expect(store.getActions()).toEqual(expectedActions);
         });
@@ -169,9 +169,9 @@ describe("changesets", () => {
 
       const expectedActions = [];
 
-      const store = mockStore({});
+      const store = mockStore(state);
       return expect(
-        store.dispatch(fetchChangesetIfNeeded(state, "foo", "bar", "id1"))
+        store.dispatch(fetchChangesetIfNeeded("foo", "bar", "id1"))
       ).toEqual(undefined);
     });
 

From 9ee7fc7499c6c538362a7596d1c949c592f2facf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 15:08:57 +0200
Subject: [PATCH 15/32] complete module and show changesets, error and loading

---
 scm-ui/public/locales/en/changesets.json      |  4 ++
 .../src/repos/components/ChangesetDetails.js  | 48 +++++++++++++++
 scm-ui/src/repos/containers/ChangesetView.js  | 58 ++++++++++++++-----
 scm-ui/src/repos/modules/changesets.js        | 15 ++++-
 4 files changed, 109 insertions(+), 16 deletions(-)
 create mode 100644 scm-ui/src/repos/components/ChangesetDetails.js

diff --git a/scm-ui/public/locales/en/changesets.json b/scm-ui/public/locales/en/changesets.json
index b3e996e094..c1816db311 100644
--- a/scm-ui/public/locales/en/changesets.json
+++ b/scm-ui/public/locales/en/changesets.json
@@ -9,5 +9,9 @@
   "author": {
     "name": "Author",
     "mail": "Mail"
+  },
+  "changeset-error": {
+    "title": "Error",
+    "subtitle": "Unknown changeset error"
   }
 }
diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
new file mode 100644
index 0000000000..b3084a7552
--- /dev/null
+++ b/scm-ui/src/repos/components/ChangesetDetails.js
@@ -0,0 +1,48 @@
+//@flow
+import React from "react";
+import type { Changeset } from "@scm-manager/ui-types";
+import { translate } from "react-i18next";
+import { MailLink, DateFromNow } from "@scm-manager/ui-components";
+
+type Props = {
+  changeset: Changeset,
+  t: string => string
+};
+
+class ChangesetDetails extends React.Component<Props> {
+  render() {
+    const { changeset, t } = this.props;
+    return (
+      <table className="table">
+        <tbody>
+          <tr>
+            <td>{t("changeset.id")}</td>
+            <td>{changeset.id}</td>
+          </tr>
+          <tr>
+            <td>{t("author.name")}</td>
+            <td>{changeset.author.name}</td>
+          </tr>
+          <tr>
+            <td>{t("author.mail")}</td>
+            <td>
+              <MailLink address={changeset.author.mail} />
+            </td>
+          </tr>
+          <tr>
+            <td>{t("changeset.description")}</td>
+            <td>{changeset.description}</td>
+          </tr>
+          <tr>
+            <td>{t("changeset.date")}</td>
+            <td>
+              <DateFromNow date={changeset.date} />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    );
+  }
+}
+
+export default translate("changesets")(ChangesetDetails);
diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 729ca40020..afc2f3d208 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -2,43 +2,68 @@
 import React from "react";
 import { connect } from "react-redux";
 import { withRouter } from "react-router-dom";
-import type { Changeset } from "@scm-manager/ui-types";
-import { fetchChangesetIfNeeded } from "../modules/changesets";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
+import {
+  fetchChangesetIfNeeded,
+  fetchChangesetReset,
+  getChangeset,
+  getFetchChangesetFailure,
+  isFetchChangesetPending
+} from "../modules/changesets";
+import ChangesetDetails from "../components/ChangesetDetails";
+import { translate } from "react-i18next";
+import { Loading, ErrorPage } from "@scm-manager/ui-components";
 
 type Props = {
   id: string,
   changeset: Changeset,
   repository: Repository,
-  repositories: Repository[],
+  loading: boolean,
+  error: Error,
   fetchChangesetIfNeeded: (
     namespace: string,
     repoName: string,
     id: string
-  ) => void
+  ) => void,
+  resetForm: (namespace: string, repoName: string, id: string) => void,
+  match: any,
+  t: string => string
 };
 
-class ChangesetView extends React.Component<State, Props> {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-
+class ChangesetView extends React.Component<Props> {
   componentDidMount() {
     const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
-    //state macht keinen Sinn?! repositories holen!
     fetchChangesetIfNeeded(repository.namespace, repository.name, id);
+    this.props.resetForm(repository.namespace, repository.name, id);
   }
 
   render() {
-    const id = this.props.match.params.id;
+    const { changeset, loading, error, t } = this.props;
 
-    return <div>Hallo! Changesets here! {id}</div>;
+    if (error) {
+      return (
+        <ErrorPage
+          title={t("changeset-error.title")}
+          subtitle={t("changeset-error.subtitle")}
+          error={error}
+        />
+      );
+    }
+
+    if (!changeset || loading) return <Loading />;
+
+    return <ChangesetDetails changeset={changeset} />;
   }
 }
 
 const mapStateToProps = (state, ownProps: Props) => {
-  return null;
+  const { namespace, name } = ownProps.repository;
+  const id = ownProps.match.params.id;
+  const changeset = getChangeset(state, namespace, name, id);
+  const loading = isFetchChangesetPending(state, namespace, name, id);
+  const error = getFetchChangesetFailure(state, namespace, name, id);
+  return { changeset, error, loading };
 };
 
 const mapDispatchToProps = dispatch => {
@@ -49,6 +74,9 @@ const mapDispatchToProps = dispatch => {
       id: string
     ) => {
       dispatch(fetchChangesetIfNeeded(namespace, repoName, id));
+    },
+    resetForm: (namespace: string, repoName: string, id: string) => {
+      dispatch(fetchChangesetReset(namespace, repoName, id));
     }
   };
 };
@@ -57,5 +85,5 @@ export default withRouter(
   connect(
     mapStateToProps,
     mapDispatchToProps
-  )(ChangesetView)
+  )(translate("changesets")(ChangesetView))
 );
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index 7e68e66f15..22755137da 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -10,6 +10,8 @@ import { isPending } from "../../modules/pending";
 import { getFailure } from "../../modules/failure";
 import { combineReducers } from "redux";
 import type { Action, PagedCollection } from "@scm-manager/ui-types";
+import * as types from "../../modules/types";
+import { CREATE_USER_RESET } from "../../users/modules/users";
 
 export const FETCH_CHANGESETS = "scm/repos/FETCH_CHANGESETS";
 export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
@@ -22,6 +24,7 @@ export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
 export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
+export const FETCH_CHANGESET_RESET = `${FETCH_CHANGESET}_${types.RESET_SUFFIX}`;
 
 //********end of detailed view add
 
@@ -57,7 +60,6 @@ export function fetchChangeset(
         dispatch(fetchChangesetSuccess(data, namespace, repoName, id))
       )
       .catch(err => {
-        console.log(err);
         dispatch(fetchChangesetFailure(namespace, repoName, id, err));
       });
   };
@@ -109,6 +111,17 @@ function fetchChangesetFailure(
     itemId: createItemId(namespace, repoName, id)
   };
 }
+
+export function fetchChangesetReset(
+  namespace: string,
+  repoName: string,
+  id: string
+) {
+  return {
+    type: FETCH_CHANGESET_RESET,
+    itemId: createItemId(namespace, repoName, id)
+  };
+}
 //********end of detailed view add
 
 export function fetchChangesetsWithOptions(

From 24589556c7303df2335109167f0a0a0bbd15a91a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 15:38:59 +0200
Subject: [PATCH 16/32] add extension point

---
 .../src/repos/components/ChangesetDetails.js  | 62 ++++++++++---------
 scm-ui/src/repos/modules/changesets.js        |  1 -
 2 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
index b3084a7552..8c055f7045 100644
--- a/scm-ui/src/repos/components/ChangesetDetails.js
+++ b/scm-ui/src/repos/components/ChangesetDetails.js
@@ -3,6 +3,7 @@ import React from "react";
 import type { Changeset } from "@scm-manager/ui-types";
 import { translate } from "react-i18next";
 import { MailLink, DateFromNow } from "@scm-manager/ui-components";
+import ChangesetAvatar from "./ChangesetAvatar";
 
 type Props = {
   changeset: Changeset,
@@ -13,34 +14,39 @@ class ChangesetDetails extends React.Component<Props> {
   render() {
     const { changeset, t } = this.props;
     return (
-      <table className="table">
-        <tbody>
-          <tr>
-            <td>{t("changeset.id")}</td>
-            <td>{changeset.id}</td>
-          </tr>
-          <tr>
-            <td>{t("author.name")}</td>
-            <td>{changeset.author.name}</td>
-          </tr>
-          <tr>
-            <td>{t("author.mail")}</td>
-            <td>
-              <MailLink address={changeset.author.mail} />
-            </td>
-          </tr>
-          <tr>
-            <td>{t("changeset.description")}</td>
-            <td>{changeset.description}</td>
-          </tr>
-          <tr>
-            <td>{t("changeset.date")}</td>
-            <td>
-              <DateFromNow date={changeset.date} />
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <div>
+        <figure className="media-left">
+          <ChangesetAvatar changeset={changeset} />
+        </figure>
+        <table className="table">
+          <tbody>
+            <tr>
+              <td>{t("changeset.id")}</td>
+              <td>{changeset.id}</td>
+            </tr>
+            <tr>
+              <td>{t("author.name")}</td>
+              <td>{changeset.author.name}</td>
+            </tr>
+            <tr>
+              <td>{t("author.mail")}</td>
+              <td>
+                <MailLink address={changeset.author.mail} />
+              </td>
+            </tr>
+            <tr>
+              <td>{t("changeset.description")}</td>
+              <td>{changeset.description}</td>
+            </tr>
+            <tr>
+              <td>{t("changeset.date")}</td>
+              <td>
+                <DateFromNow date={changeset.date} />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     );
   }
 }
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index 22755137da..03ca2eea2c 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -11,7 +11,6 @@ import { getFailure } from "../../modules/failure";
 import { combineReducers } from "redux";
 import type { Action, PagedCollection } from "@scm-manager/ui-types";
 import * as types from "../../modules/types";
-import { CREATE_USER_RESET } from "../../users/modules/users";
 
 export const FETCH_CHANGESETS = "scm/repos/FETCH_CHANGESETS";
 export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;

From ca725100bac961cfbd2d99e06f50c11bee9fea47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 16:12:03 +0200
Subject: [PATCH 17/32] avoid reloading of state

---
 scm-ui/src/repos/containers/RepositoryRoot.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index a59dfb8258..e8c9681caf 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -106,17 +106,17 @@ class RepositoryRoot extends React.Component<Props> {
             <Route
               exact
               path={`${url}/history`}
-              component={() => <Changesets repository={repository} />}
+              render={() => <Changesets repository={repository} />}
             />
             <Route
               exact
               path={`${url}/history/:branch`}
-              component={() => <Changesets repository={repository} />}
+              render={() => <Changesets repository={repository} />}
             />
             <Route
               exact
               path={`${url}/changeset/:id`}
-              component={() => <ChangesetView repository={repository} />}
+              render={() => <ChangesetView repository={repository} />}
             />
           </div>
           <div className="column">

From 34444ac4a92a7f8b8dff62fa16b944a8f4825789 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 25 Sep 2018 16:12:11 +0200
Subject: [PATCH 18/32] put image left to table

---
 .../src/repos/components/ChangesetDetails.js  | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
index 8c055f7045..21049cdc51 100644
--- a/scm-ui/src/repos/components/ChangesetDetails.js
+++ b/scm-ui/src/repos/components/ChangesetDetails.js
@@ -4,21 +4,30 @@ import type { Changeset } from "@scm-manager/ui-types";
 import { translate } from "react-i18next";
 import { MailLink, DateFromNow } from "@scm-manager/ui-components";
 import ChangesetAvatar from "./ChangesetAvatar";
+import classNames from "classnames";
+import injectSheet from "react-jss";
+
+const styles = {
+  floatLeft: {
+    float: "left"
+  }
+};
 
 type Props = {
   changeset: Changeset,
-  t: string => string
+  t: string => string,
+  classes: any
 };
 
 class ChangesetDetails extends React.Component<Props> {
   render() {
-    const { changeset, t } = this.props;
+    const { changeset, t, classes } = this.props;
     return (
       <div>
-        <figure className="media-left">
+        <figure className={classNames(classes.floatLeft)}>
           <ChangesetAvatar changeset={changeset} />
         </figure>
-        <table className="table">
+        <table className={classNames("table")}>
           <tbody>
             <tr>
               <td>{t("changeset.id")}</td>
@@ -51,4 +60,4 @@ class ChangesetDetails extends React.Component<Props> {
   }
 }
 
-export default translate("changesets")(ChangesetDetails);
+export default injectSheet(styles)(translate("changesets")(ChangesetDetails));

From a1e0e790ad176ae9a9b8dfcbc7780988e6c2c114 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 27 Sep 2018 09:59:25 +0200
Subject: [PATCH 19/32] allow navlink to be active at other links

---
 .../packages/ui-components/src/navigation/NavLink.js       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/navigation/NavLink.js b/scm-ui-components/packages/ui-components/src/navigation/NavLink.js
index 3a90fd1fc6..1f12e65546 100644
--- a/scm-ui-components/packages/ui-components/src/navigation/NavLink.js
+++ b/scm-ui-components/packages/ui-components/src/navigation/NavLink.js
@@ -7,7 +7,8 @@ import { Route, Link } from "react-router-dom";
 type Props = {
   to: string,
   label: string,
-  activeOnlyWhenExact?: boolean
+  activeOnlyWhenExact?: boolean,
+  otherLocation: (route: any) => boolean
 };
 
 class NavLink extends React.Component<Props> {
@@ -16,10 +17,10 @@ class NavLink extends React.Component<Props> {
   };
 
   renderLink = (route: any) => {
-    const { to, label } = this.props;
+    const { to, label, otherLocation } = this.props;
     return (
       <li>
-        <Link className={route.match ? "is-active" : ""} to={to}>
+        <Link className={route.match || (otherLocation && otherLocation(route)) ? "is-active" : ""} to={to}>
           {label}
         </Link>
       </li>

From 2a684ec0a646420d4054a27df578006788fbcce8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 27 Sep 2018 09:59:52 +0200
Subject: [PATCH 20/32] activate navLink of history if changesets are shown

---
 scm-ui/src/repos/containers/RepositoryRoot.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index e8c9681caf..b4a54ad168 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -71,6 +71,11 @@ class RepositoryRoot extends React.Component<Props> {
     this.props.deleteRepo(repository, this.deleted);
   };
 
+  matchChangeset = (route: any) => {
+    const url = this.matchedUrl();
+    return route.location.pathname.match(`${url}/changeset/`);
+  };
+
   render() {
     const { loading, error, repository, t } = this.props;
 
@@ -127,6 +132,7 @@ class RepositoryRoot extends React.Component<Props> {
                   activeOnlyWhenExact={false}
                   to={`${url}/history`}
                   label={t("repository-root.history")}
+                  otherLocation={this.matchChangeset}
                 />
                 <EditNavLink repository={repository} editUrl={`${url}/edit`} />
               </Section>

From 991640bc4b7b7892309e70af07befb1ef8f06b0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 27 Sep 2018 11:56:04 +0200
Subject: [PATCH 21/32] show no image if extension point is not used

---
 scm-ui/src/repos/components/ChangesetAvatar.js  | 15 +++++++--------
 scm-ui/src/repos/components/ChangesetDetails.js | 13 +++++++------
 scm-ui/src/repos/containers/ChangesetView.js    |  4 ++--
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetAvatar.js b/scm-ui/src/repos/components/ChangesetAvatar.js
index eb461d374d..70c7ecb2dd 100644
--- a/scm-ui/src/repos/components/ChangesetAvatar.js
+++ b/scm-ui/src/repos/components/ChangesetAvatar.js
@@ -1,24 +1,23 @@
 //@flow
 import React from "react";
-import {ExtensionPoint} from "@scm-manager/ui-extensions";
-import type {Changeset} from "@scm-manager/ui-types";
-import {Image} from "@scm-manager/ui-components";
+import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
+import { Image } from "@scm-manager/ui-components";
 
 type Props = {
-  changeset: Changeset
+  changeset: Changeset,
+  repository: Repository
 };
 
 class ChangesetAvatar extends React.Component<Props> {
   render() {
-    const { changeset } = this.props;
+    const { changeset, repository } = this.props;
     return (
       <p className="image is-64x64">
         <ExtensionPoint
           name="repos.changeset-table.information"
-          renderAll={true}
-          props={{ changeset }}
+          props={{ changeset, repository }}
         >
-          <Image src="/images/blib.jpg" alt="Logo" />
         </ExtensionPoint>
       </p>
     );
diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
index 21049cdc51..c9bc615866 100644
--- a/scm-ui/src/repos/components/ChangesetDetails.js
+++ b/scm-ui/src/repos/components/ChangesetDetails.js
@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import type { Changeset } from "@scm-manager/ui-types";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
 import { translate } from "react-i18next";
 import { MailLink, DateFromNow } from "@scm-manager/ui-components";
 import ChangesetAvatar from "./ChangesetAvatar";
@@ -15,19 +15,17 @@ const styles = {
 
 type Props = {
   changeset: Changeset,
+  repository: Repository,
   t: string => string,
   classes: any
 };
 
 class ChangesetDetails extends React.Component<Props> {
   render() {
-    const { changeset, t, classes } = this.props;
+    const { changeset, repository, t, classes } = this.props;
     return (
       <div>
-        <figure className={classNames(classes.floatLeft)}>
-          <ChangesetAvatar changeset={changeset} />
-        </figure>
-        <table className={classNames("table")}>
+        <table className={classNames("table", classes.floatLeft)}>
           <tbody>
             <tr>
               <td>{t("changeset.id")}</td>
@@ -55,6 +53,9 @@ class ChangesetDetails extends React.Component<Props> {
             </tr>
           </tbody>
         </table>
+        <figure className={classNames(classes.floatLeft)}>
+          <ChangesetAvatar changeset={changeset} repository={repository} />
+        </figure>
       </div>
     );
   }
diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index afc2f3d208..01ea64ed1b 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -39,7 +39,7 @@ class ChangesetView extends React.Component<Props> {
   }
 
   render() {
-    const { changeset, loading, error, t } = this.props;
+    const { changeset, loading, error, t, repository } = this.props;
 
     if (error) {
       return (
@@ -53,7 +53,7 @@ class ChangesetView extends React.Component<Props> {
 
     if (!changeset || loading) return <Loading />;
 
-    return <ChangesetDetails changeset={changeset} />;
+    return <ChangesetDetails changeset={changeset} repository={repository}/>;
   }
 }
 

From 33ffd4baa8158f7618dd0c9c46088784a1d66adb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 27 Sep 2018 11:57:19 +0200
Subject: [PATCH 22/32] =?UTF-8?q?remove=20reset=20state=20since=20it=20is?=
 =?UTF-8?q?=20not=20needed2=20=C2=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scm-ui/src/repos/containers/ChangesetView.js |  1 -
 scm-ui/src/repos/modules/changesets.js       | 11 -----------
 2 files changed, 12 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 01ea64ed1b..78cc35a6e7 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -35,7 +35,6 @@ class ChangesetView extends React.Component<Props> {
     const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
     fetchChangesetIfNeeded(repository.namespace, repository.name, id);
-    this.props.resetForm(repository.namespace, repository.name, id);
   }
 
   render() {
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index 03ca2eea2c..b38185599a 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -23,7 +23,6 @@ export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
 export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
-export const FETCH_CHANGESET_RESET = `${FETCH_CHANGESET}_${types.RESET_SUFFIX}`;
 
 //********end of detailed view add
 
@@ -111,16 +110,6 @@ function fetchChangesetFailure(
   };
 }
 
-export function fetchChangesetReset(
-  namespace: string,
-  repoName: string,
-  id: string
-) {
-  return {
-    type: FETCH_CHANGESET_RESET,
-    itemId: createItemId(namespace, repoName, id)
-  };
-}
 //********end of detailed view add
 
 export function fetchChangesetsWithOptions(

From 700abf7fe0d719e2e99082bc9a32a2a3a3294f07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 27 Sep 2018 11:59:10 +0200
Subject: [PATCH 23/32] change name of extension point

---
 scm-ui/src/repos/components/ChangesetAvatar.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetAvatar.js b/scm-ui/src/repos/components/ChangesetAvatar.js
index 70c7ecb2dd..a23b58aed9 100644
--- a/scm-ui/src/repos/components/ChangesetAvatar.js
+++ b/scm-ui/src/repos/components/ChangesetAvatar.js
@@ -15,10 +15,9 @@ class ChangesetAvatar extends React.Component<Props> {
     return (
       <p className="image is-64x64">
         <ExtensionPoint
-          name="repos.changeset-table.information"
+          name="repos.changeset.gravatar"
           props={{ changeset, repository }}
-        >
-        </ExtensionPoint>
+        />
       </p>
     );
   }

From e7c7cb221e0f014a3f2b15f7c0976f897ed7c463 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 9 Oct 2018 11:02:55 +0200
Subject: [PATCH 24/32] correct api for tests

---
 scm-ui/src/repos/modules/changesets.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index 65dd46cdbe..0a319a6c61 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -34,9 +34,9 @@ const changesets = {};
 
 describe("changesets", () => {
   describe("fetching of changesets", () => {
-    const DEFAULT_BRANCH_URL = "/api/rest/v2/repositories/foo/bar/changesets";
+    const DEFAULT_BRANCH_URL = "/api/v2/repositories/foo/bar/changesets";
     const SPECIFIC_BRANCH_URL =
-      "/api/rest/v2/repositories/foo/bar/branches/specific/changesets";
+      "/api/v2/repositories/foo/bar/branches/specific/changesets";
     const mockStore = configureMockStore([thunk]);
 
     afterEach(() => {

From 0a46c3b367b769f1834e8b3e7f565fb6cfee9ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 9 Oct 2018 11:11:02 +0200
Subject: [PATCH 25/32] show mail only if set

---
 scm-ui/src/repos/components/ChangesetDetails.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
index c9bc615866..019762d140 100644
--- a/scm-ui/src/repos/components/ChangesetDetails.js
+++ b/scm-ui/src/repos/components/ChangesetDetails.js
@@ -23,6 +23,16 @@ type Props = {
 class ChangesetDetails extends React.Component<Props> {
   render() {
     const { changeset, repository, t, classes } = this.props;
+
+    const mailadress = changeset.author.mail ? (
+      <tr>
+        <td>{t("author.mail")}</td>
+        <td>
+          <MailLink address={changeset.author.mail} />
+        </td>
+      </tr>
+    ) : null;
+
     return (
       <div>
         <table className={classNames("table", classes.floatLeft)}>
@@ -35,12 +45,7 @@ class ChangesetDetails extends React.Component<Props> {
               <td>{t("author.name")}</td>
               <td>{changeset.author.name}</td>
             </tr>
-            <tr>
-              <td>{t("author.mail")}</td>
-              <td>
-                <MailLink address={changeset.author.mail} />
-              </td>
-            </tr>
+            {mailadress}
             <tr>
               <td>{t("changeset.description")}</td>
               <td>{changeset.description}</td>

From 8c1ec57548269bbb5c5340cbb02af982f6c70547 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 9 Oct 2018 11:32:47 +0200
Subject: [PATCH 26/32] correct url

---
 scm-ui/src/repos/modules/branches.test.js | 67 +++++++++++++----------
 1 file changed, 38 insertions(+), 29 deletions(-)

diff --git a/scm-ui/src/repos/modules/branches.test.js b/scm-ui/src/repos/modules/branches.test.js
index d97d9aa7bf..5af33176ec 100644
--- a/scm-ui/src/repos/modules/branches.test.js
+++ b/scm-ui/src/repos/modules/branches.test.js
@@ -5,31 +5,29 @@ import {
   FETCH_BRANCHES_FAILURE,
   FETCH_BRANCHES_PENDING,
   FETCH_BRANCHES_SUCCESS,
-  fetchBranchesByNamespaceAndName, getBranchesForNamespaceAndNameFromState, getBranchNames
+  fetchBranchesByNamespaceAndName,
+  getBranchesForNamespaceAndNameFromState,
+  getBranchNames
 } from "./branches";
 import reducer from "./branches";
 
-
 const namespace = "foo";
 const name = "bar";
 const key = namespace + "/" + name;
 
-const branch1 = {name: "branch1", revision: "revision1"};
-const branch2 = {name: "branch2", revision: "revision2"};
-const branch3 = {name: "branch3", revision: "revision3"};
-
+const branch1 = { name: "branch1", revision: "revision1" };
+const branch2 = { name: "branch2", revision: "revision2" };
+const branch3 = { name: "branch3", revision: "revision3" };
 
 describe("fetch branches", () => {
-  const URL = "/api/rest/v2/repositories/foo/bar/branches";
+  const URL = "/api/v2/repositories/foo/bar/branches";
   const mockStore = configureMockStore([thunk]);
 
-
   afterEach(() => {
     fetchMock.reset();
     fetchMock.restore();
   });
 
-
   it("should fetch branches", () => {
     const collection = {};
 
@@ -37,20 +35,23 @@ describe("fetch branches", () => {
 
     const expectedActions = [
       {
-        type: FETCH_BRANCHES_PENDING, payload: {namespace, name},
+        type: FETCH_BRANCHES_PENDING,
+        payload: { namespace, name },
         itemId: key
       },
       {
         type: FETCH_BRANCHES_SUCCESS,
-        payload: {data: collection, namespace, name},
+        payload: { data: collection, namespace, name },
         itemId: key
       }
     ];
 
     const store = mockStore({});
-    return store.dispatch(fetchBranchesByNamespaceAndName(namespace, name)).then(() => {
-      expect(store.getActions()).toEqual(expectedActions);
-    });
+    return store
+      .dispatch(fetchBranchesByNamespaceAndName(namespace, name))
+      .then(() => {
+        expect(store.getActions()).toEqual(expectedActions);
+      });
   });
 
   it("should fail fetching branches on HTTP 500", () => {
@@ -60,26 +61,28 @@ describe("fetch branches", () => {
 
     const expectedActions = [
       {
-        type: FETCH_BRANCHES_PENDING, payload: {namespace, name},
+        type: FETCH_BRANCHES_PENDING,
+        payload: { namespace, name },
         itemId: key
       },
       {
         type: FETCH_BRANCHES_FAILURE,
-        payload: {error: collection, namespace, name},
+        payload: { error: collection, namespace, name },
         itemId: key
       }
     ];
 
     const store = mockStore({});
-    return store.dispatch(fetchBranchesByNamespaceAndName(namespace, name)).then(() => {
-      expect(store.getActions()[0]).toEqual(expectedActions[0]);
-      expect(store.getActions()[1].type).toEqual(FETCH_BRANCHES_FAILURE);
-    });
-  })
+    return store
+      .dispatch(fetchBranchesByNamespaceAndName(namespace, name))
+      .then(() => {
+        expect(store.getActions()[0]).toEqual(expectedActions[0]);
+        expect(store.getActions()[1].type).toEqual(FETCH_BRANCHES_FAILURE);
+      });
+  });
 });
 
 describe("branches reducer", () => {
-
   const branches = {
     _embedded: {
       branches: [branch1, branch2]
@@ -104,9 +107,11 @@ describe("branches reducer", () => {
 
   it("should not delete existing branches from state", () => {
     const oldState = {
-      "foo/bar": { byNames: {
-        "branch3": branch3
-        }}
+      "foo/bar": {
+        byNames: {
+          branch3: branch3
+        }
+      }
     };
 
     const newState = reducer(oldState, action);
@@ -123,12 +128,16 @@ describe("branch selectors", () => {
       branches: {
         [key]: {
           byNames: {
-            "branch1": branch1
+            branch1: branch1
           }
         }
       }
     };
-    const branches = getBranchesForNamespaceAndNameFromState(namespace, name, state);
+    const branches = getBranchesForNamespaceAndNameFromState(
+      namespace,
+      name,
+      state
+    );
     expect(branches.length).toEqual(1);
     expect(branches[0]).toEqual(branch1);
   });
@@ -138,8 +147,8 @@ describe("branch selectors", () => {
       branches: {
         [key]: {
           byNames: {
-            "branch1": branch1,
-            "branch2": branch2
+            branch1: branch1,
+            branch2: branch2
           }
         }
       }

From 5cb5bc9bd7b1730d913c65846f43191708d7af1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 9 Oct 2018 11:32:56 +0200
Subject: [PATCH 27/32] use repository instead of namespace and name

---
 scm-ui/src/repos/containers/ChangesetView.js |  6 +-
 scm-ui/src/repos/modules/changesets.js       | 67 ++++++++------------
 scm-ui/src/repos/modules/changesets.test.js  | 64 +++++++++++--------
 3 files changed, 68 insertions(+), 69 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 78cc35a6e7..32b8b2df6c 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -5,7 +5,6 @@ import { withRouter } from "react-router-dom";
 import type { Changeset, Repository } from "@scm-manager/ui-types";
 import {
   fetchChangesetIfNeeded,
-  fetchChangesetReset,
   getChangeset,
   getFetchChangesetFailure,
   isFetchChangesetPending
@@ -52,7 +51,7 @@ class ChangesetView extends React.Component<Props> {
 
     if (!changeset || loading) return <Loading />;
 
-    return <ChangesetDetails changeset={changeset} repository={repository}/>;
+    return <ChangesetDetails changeset={changeset} repository={repository} />;
   }
 }
 
@@ -73,9 +72,6 @@ const mapDispatchToProps = dispatch => {
       id: string
     ) => {
       dispatch(fetchChangesetIfNeeded(namespace, repoName, id));
-    },
-    resetForm: (namespace: string, repoName: string, id: string) => {
-      dispatch(fetchChangesetReset(namespace, repoName, id));
     }
   };
 };
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index b38185599a..27b18145ce 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -9,7 +9,7 @@ import { apiClient } from "@scm-manager/ui-components";
 import { isPending } from "../../modules/pending";
 import { getFailure } from "../../modules/failure";
 import { combineReducers } from "redux";
-import type { Action, PagedCollection } from "@scm-manager/ui-types";
+import type { Action, PagedCollection, Repository } from "@scm-manager/ui-types";
 import * as types from "../../modules/types";
 
 export const FETCH_CHANGESETS = "scm/repos/FETCH_CHANGESETS";
@@ -33,80 +33,73 @@ const REPO_URL = "repositories";
 //********added for detailed view of changesets
 
 export function fetchChangesetIfNeeded(
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string
 ) {
   return (dispatch: any, getState: any) => {
-    if (shouldFetchChangeset(getState(), namespace, repoName, id)) {
-      return dispatch(fetchChangeset(namespace, repoName, id));
+    if (shouldFetchChangeset(getState(), repository, id)) {
+      return dispatch(fetchChangeset(repository, id));
     }
   };
 }
 
 export function fetchChangeset(
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string
 ) {
   return function(dispatch: any) {
-    dispatch(fetchChangesetPending(namespace, repoName, id));
+    dispatch(fetchChangesetPending(repository, id));
     return apiClient
-      .get(REPO_URL + `/${namespace}/${repoName}/changesets/${id}`)
+      .get(REPO_URL + `/${repository.namespace}/${repository.name}/changesets/${id}`)
       .then(response => response.json())
       .then(data =>
-        dispatch(fetchChangesetSuccess(data, namespace, repoName, id))
+        dispatch(fetchChangesetSuccess(data, repository, id))
       )
       .catch(err => {
-        dispatch(fetchChangesetFailure(namespace, repoName, id, err));
+        dispatch(fetchChangesetFailure(repository, id, err));
       });
   };
 }
 
 export function fetchChangesetPending(
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string
 ): Action {
   return {
     type: FETCH_CHANGESET_PENDING,
     payload: {
-      namespace,
-      repoName,
+      repository,
       id
     },
-    itemId: createItemId(namespace, repoName, id)
+    itemId: createItemId(repository.namespace, repository.name, id)
   };
 }
 
 export function fetchChangesetSuccess(
   changeset: any,
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string
 ): Action {
   return {
     type: FETCH_CHANGESET_SUCCESS,
-    payload: { changeset, namespace, repoName, id },
-    itemId: createItemId(namespace, repoName, id)
+    payload: { changeset, repository, id },
+    itemId: createItemId(repository.namespace, repository.name, id)
   };
 }
 
 function fetchChangesetFailure(
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string,
   error: Error
 ): Action {
   return {
     type: FETCH_CHANGESET_FAILURE,
     payload: {
-      namespace,
-      repoName,
+      repository,
       id,
       error
     },
-    itemId: createItemId(namespace, repoName, id)
+    itemId: createItemId(repository.namespace, repository.name, id)
   };
 }
 
@@ -234,8 +227,8 @@ function byKeyReducer(
     //********added for detailed view of changesets
     case FETCH_CHANGESET_SUCCESS:
       const _key = createItemId(
-        action.payload.namespace,
-        action.payload.repoName
+        action.payload.repository.namespace,
+        action.payload.repository.name
       );
       let _oldChangesets = { [_key]: {} };
       if (state[_key] !== undefined) {
@@ -353,12 +346,11 @@ export function getChangesets(
 //********added for detailed view of changesets
 export function getChangeset(
   state: Object,
-  namespace: string,
-  name: string,
+  repository: Repository,
   id: string,
   branch?: string
 ) {
-  const key = createItemId(namespace, name, branch);
+  const key = createItemId(repository.namespace, repository.name, branch);
   const changesets =
     state.changesets && state.changesets.byKey && state.changesets.byKey[key]
       ? state.changesets.byKey[key].byId
@@ -371,11 +363,10 @@ export function getChangeset(
 
 export function shouldFetchChangeset(
   state: Object,
-  namespace: string,
-  repoName: string,
+  repository: Repository,
   id: string
 ) {
-  if (getChangeset(state, namespace, repoName, id)) {
+  if (getChangeset(state, repository, id)) {
     return false;
   }
   return true;
@@ -383,20 +374,18 @@ export function shouldFetchChangeset(
 
 export function isFetchChangesetPending(
   state: Object,
-  namespace: string,
-  name: string,
+  repository: Repository,
   id: string
 ) {
-  return isPending(state, FETCH_CHANGESET, createItemId(namespace, name, id));
+  return isPending(state, FETCH_CHANGESET, createItemId(repository.namespace, repository.name, id));
 }
 
 export function getFetchChangesetFailure(
   state: Object,
-  namespace: string,
-  name: string,
+  repository: Repository,
   id: string
 ) {
-  return getFailure(state, FETCH_CHANGESET, createItemId(namespace, name, id));
+  return getFailure(state, FETCH_CHANGESET, createItemId(repository.namespace, repository.name, id));
 }
 //********end of added for detailed view of changesets
 
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index 0a319a6c61..61a4d37636 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -31,6 +31,12 @@ import {
 import reducer from "./changesets";
 
 const changesets = {};
+//********added for detailed view of changesets
+const repository = {
+  namespace: "foo",
+  name: "bar"
+};
+//********end of added for detailed view of changesets
 
 describe("changesets", () => {
   describe("fetching of changesets", () => {
@@ -55,8 +61,10 @@ describe("changesets", () => {
           type: FETCH_CHANGESET_PENDING,
           payload: {
             id: changesetId,
-            namespace: "foo",
-            repoName: "bar"
+            repository: {
+              name: "bar",
+              namespace: "foo"
+            }
           },
           itemId: "foo/bar/" + changesetId
         },
@@ -65,8 +73,10 @@ describe("changesets", () => {
           payload: {
             changeset: {},
             id: changesetId,
-            namespace: "foo",
-            repoName: "bar"
+            repository: {
+              name: "bar",
+              namespace: "foo"
+            }
           },
           itemId: "foo/bar/" + changesetId
         }
@@ -74,7 +84,7 @@ describe("changesets", () => {
 
       const store = mockStore({});
       return store
-        .dispatch(fetchChangeset("foo", "bar", changesetId))
+        .dispatch(fetchChangeset(repository, changesetId))
         .then(() => {
           expect(store.getActions()).toEqual(expectedActions);
         });
@@ -88,8 +98,10 @@ describe("changesets", () => {
           type: FETCH_CHANGESET_PENDING,
           payload: {
             id: changesetId,
-            namespace: "foo",
-            repoName: "bar"
+            repository: {
+              name: "bar",
+              namespace: "foo"
+            }
           },
           itemId: "foo/bar/" + changesetId
         }
@@ -97,7 +109,7 @@ describe("changesets", () => {
 
       const store = mockStore({});
       return store
-        .dispatch(fetchChangeset("foo", "bar", changesetId))
+        .dispatch(fetchChangeset(repository, changesetId))
         .then(() => {
           expect(store.getActions()[0]).toEqual(expectedActions[0]);
           expect(store.getActions()[1].type).toEqual(FETCH_CHANGESET_FAILURE);
@@ -126,8 +138,10 @@ describe("changesets", () => {
           type: FETCH_CHANGESET_PENDING,
           payload: {
             id: "id3",
-            namespace: "foo",
-            repoName: "bar"
+            repository: {
+              name: "bar",
+              namespace: "foo"
+            }
           },
           itemId: "foo/bar/" + "id3"
         },
@@ -136,8 +150,10 @@ describe("changesets", () => {
           payload: {
             changeset: {},
             id: "id3",
-            namespace: "foo",
-            repoName: "bar"
+            repository: {
+              name: "bar",
+              namespace: "foo"
+            }
           },
           itemId: "foo/bar/" + "id3"
         }
@@ -145,7 +161,7 @@ describe("changesets", () => {
 
       const store = mockStore({});
       return store
-        .dispatch(fetchChangesetIfNeeded("foo", "bar", "id3"))
+        .dispatch(fetchChangesetIfNeeded(repository, "id3"))
         .then(() => {
           expect(store.getActions()).toEqual(expectedActions);
         });
@@ -171,7 +187,7 @@ describe("changesets", () => {
 
       const store = mockStore(state);
       return expect(
-        store.dispatch(fetchChangesetIfNeeded("foo", "bar", "id1"))
+        store.dispatch(fetchChangesetIfNeeded(repository, "id1"))
       ).toEqual(undefined);
     });
 
@@ -431,7 +447,7 @@ describe("changesets", () => {
             entries: ["id2"]
           }
         },
-        fetchChangesetSuccess(responseBodySingleChangeset, "foo", "bar", "id3")
+        fetchChangesetSuccess(responseBodySingleChangeset, repository, "id3")
       );
       expect(newState).toBeDefined();
       expect(newState.byKey["foo/bar"].byId["id3"].description).toEqual(
@@ -472,7 +488,7 @@ describe("changesets", () => {
           }
         }
       };
-      const result = getChangeset(state, "foo", "bar", "id1");
+      const result = getChangeset(state, repository, "id1");
       expect(result).toEqual({ id: "id1" });
     });
 
@@ -489,7 +505,7 @@ describe("changesets", () => {
           }
         }
       };
-      const result = getChangeset(state, "foo", "bar", "id3");
+      const result = getChangeset(state, repository, "id3");
       expect(result).toEqual(null);
     });
 
@@ -506,7 +522,7 @@ describe("changesets", () => {
           }
         }
       };
-      const result = shouldFetchChangeset(state, "foo", "bar", "id3");
+      const result = shouldFetchChangeset(state, repository, "id3");
       expect(result).toEqual(true);
     });
 
@@ -523,7 +539,7 @@ describe("changesets", () => {
           }
         }
       };
-      const result = shouldFetchChangeset(state, "foo", "bar", "id2");
+      const result = shouldFetchChangeset(state, repository, "id2");
       expect(result).toEqual(false);
     });
 
@@ -534,11 +550,11 @@ describe("changesets", () => {
         }
       };
 
-      expect(isFetchChangesetPending(state, "foo", "bar", "id1")).toBeTruthy();
+      expect(isFetchChangesetPending(state, repository, "id1")).toBeTruthy();
     });
 
     it("should return false, when fetching changeset is not pending", () => {
-      expect(isFetchChangesetPending({}, "foo", "bar", "id1")).toEqual(false);
+      expect(isFetchChangesetPending({}, repository, "id1")).toEqual(false);
     });
 
     it("should return error if fetching changeset failed", () => {
@@ -548,13 +564,11 @@ describe("changesets", () => {
         }
       };
 
-      expect(getFetchChangesetFailure(state, "foo", "bar", "id1")).toEqual(
-        error
-      );
+      expect(getFetchChangesetFailure(state, repository, "id1")).toEqual(error);
     });
 
     it("should return false if fetching changeset did not fail", () => {
-      expect(getFetchChangesetFailure({}, "foo", "bar", "id1")).toBeUndefined();
+      expect(getFetchChangesetFailure({}, repository, "id1")).toBeUndefined();
     });
     //********end of added for detailed view of changesets
 

From 41e827186d439e71927c0722e3e59548a9b8d6b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 9 Oct 2018 11:35:02 +0200
Subject: [PATCH 28/32] correct usage of changed methods

---
 scm-ui/src/repos/containers/ChangesetView.js | 25 +++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 32b8b2df6c..62f0fc1eac 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -19,12 +19,7 @@ type Props = {
   repository: Repository,
   loading: boolean,
   error: Error,
-  fetchChangesetIfNeeded: (
-    namespace: string,
-    repoName: string,
-    id: string
-  ) => void,
-  resetForm: (namespace: string, repoName: string, id: string) => void,
+  fetchChangesetIfNeeded: (repository: Repository, id: string) => void,
   match: any,
   t: string => string
 };
@@ -33,7 +28,7 @@ class ChangesetView extends React.Component<Props> {
   componentDidMount() {
     const { fetchChangesetIfNeeded, repository } = this.props;
     const id = this.props.match.params.id;
-    fetchChangesetIfNeeded(repository.namespace, repository.name, id);
+    fetchChangesetIfNeeded(repository, id);
   }
 
   render() {
@@ -56,22 +51,18 @@ class ChangesetView extends React.Component<Props> {
 }
 
 const mapStateToProps = (state, ownProps: Props) => {
-  const { namespace, name } = ownProps.repository;
+  const repository = ownProps.repository;
   const id = ownProps.match.params.id;
-  const changeset = getChangeset(state, namespace, name, id);
-  const loading = isFetchChangesetPending(state, namespace, name, id);
-  const error = getFetchChangesetFailure(state, namespace, name, id);
+  const changeset = getChangeset(state, repository, id);
+  const loading = isFetchChangesetPending(state, repository, id);
+  const error = getFetchChangesetFailure(state, repository, id);
   return { changeset, error, loading };
 };
 
 const mapDispatchToProps = dispatch => {
   return {
-    fetchChangesetIfNeeded: (
-      namespace: string,
-      repoName: string,
-      id: string
-    ) => {
-      dispatch(fetchChangesetIfNeeded(namespace, repoName, id));
+    fetchChangesetIfNeeded: (repository: Repository, id: string) => {
+      dispatch(fetchChangesetIfNeeded(repository, id));
     }
   };
 };

From 978af39c430b75085110be5470baf1ca055463d9 Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Thu, 18 Oct 2018 11:13:14 +0200
Subject: [PATCH 29/32] fixed changeset urls without slash at the end

---
 .../packages/ui-components/src/urls.js        | 15 ++++++++
 .../packages/ui-components/src/urls.test.js   | 24 ++++++++++++-
 scm-ui/src/repos/modules/changesets.js        | 36 +++++--------------
 scm-ui/src/repos/modules/changesets.test.js   | 30 +++++++---------
 4 files changed, 58 insertions(+), 47 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/urls.js b/scm-ui-components/packages/ui-components/src/urls.js
index 543519f952..3c33265eae 100644
--- a/scm-ui-components/packages/ui-components/src/urls.js
+++ b/scm-ui-components/packages/ui-components/src/urls.js
@@ -5,6 +5,21 @@ export function withContextPath(path: string) {
   return contextPath + path;
 }
 
+export function withEndingSlash(url: string) {
+  if (url.endsWith("/")) {
+    return url;
+  }
+  return url + "/";
+}
+
+export function concat(base: string, ...parts: string) {
+  let url = base;
+  for ( let p of parts) {
+    url = withEndingSlash(url) + p;
+  }
+  return url;
+}
+
 export function getPageFromMatch(match: any) {
   let page = parseInt(match.params.page, 10);
   if (isNaN(page) || !page) {
diff --git a/scm-ui-components/packages/ui-components/src/urls.test.js b/scm-ui-components/packages/ui-components/src/urls.test.js
index 61803f213f..e1d88bfe55 100644
--- a/scm-ui-components/packages/ui-components/src/urls.test.js
+++ b/scm-ui-components/packages/ui-components/src/urls.test.js
@@ -1,5 +1,27 @@
 // @flow
-import { getPageFromMatch } from "./urls";
+import { concat, getPageFromMatch, withEndingSlash } from "./urls";
+
+describe("tests for withEndingSlash", () => {
+
+  it("should append missing slash", () => {
+    expect(withEndingSlash("abc")).toBe("abc/");
+  });
+
+  it("should not append a second slash", () => {
+    expect(withEndingSlash("abc/")).toBe("abc/");
+  });
+
+});
+
+describe("concat tests", () => {
+
+  it("should concat the parts to a single url", () => {
+    expect(concat("a")).toBe("a");
+    expect(concat("a", "b")).toBe("a/b");
+    expect(concat("a", "b", "c")).toBe("a/b/c");
+  });
+
+});
 
 describe("tests for getPageFromMatch", () => {
   function createMatch(page: string) {
diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index ec8f108546..928b760bf2 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -5,7 +5,7 @@ import {
   PENDING_SUFFIX,
   SUCCESS_SUFFIX
 } from "../../modules/types";
-import { apiClient } from "@scm-manager/ui-components";
+import { apiClient, urls } from "@scm-manager/ui-components";
 import { isPending } from "../../modules/pending";
 import { getFailure } from "../../modules/failure";
 import type {
@@ -20,20 +20,14 @@ export const FETCH_CHANGESETS_PENDING = `${FETCH_CHANGESETS}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESETS_SUCCESS = `${FETCH_CHANGESETS}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESETS_FAILURE = `${FETCH_CHANGESETS}_${FAILURE_SUFFIX}`;
 
-//********added for detailed view of changesets
-
 export const FETCH_CHANGESET = "scm/repos/FETCH_CHANGESET";
 export const FETCH_CHANGESET_PENDING = `${FETCH_CHANGESET}_${PENDING_SUFFIX}`;
 export const FETCH_CHANGESET_SUCCESS = `${FETCH_CHANGESET}_${SUCCESS_SUFFIX}`;
 export const FETCH_CHANGESET_FAILURE = `${FETCH_CHANGESET}_${FAILURE_SUFFIX}`;
 
-//********end of detailed view add
-
 // actions
 //TODO: Content type
 
-//********added for detailed view of changesets
-
 export function fetchChangesetIfNeeded(repository: Repository, id: string) {
   return (dispatch: any, getState: any) => {
     if (shouldFetchChangeset(getState(), repository, id)) {
@@ -46,7 +40,7 @@ export function fetchChangeset(repository: Repository, id: string) {
   return function(dispatch: any) {
     dispatch(fetchChangesetPending(repository, id));
     return apiClient
-      .get(repository._links.changesets.href + id)
+      .get(createChangesetUrl(repository, id))
       .then(response => response.json())
       .then(data => dispatch(fetchChangesetSuccess(data, repository, id)))
       .catch(err => {
@@ -55,6 +49,10 @@ export function fetchChangeset(repository: Repository, id: string) {
   };
 }
 
+function createChangesetUrl(repository: Repository, id: string) {
+  return urls.concat(repository._links.changesets.href, id);
+}
+
 export function fetchChangesetPending(
   repository: Repository,
   id: string
@@ -93,8 +91,6 @@ function fetchChangesetFailure(
   };
 }
 
-//********end of detailed view add
-
 export function fetchChangesets(
   repository: Repository,
   branch?: Branch,
@@ -266,21 +262,6 @@ function extractChangesetsByIds(changesets: any) {
 
   return changesetsByIds;
 }
-//********added for detailed view of changesets
-
-function addChangesetToChangesets(data: any, oldChangesetsByIds: any) {
-  const changeset = data;
-  const changesetsByIds = {};
-
-  changesetsByIds[changeset.id] = changeset;
-
-  for (let id in oldChangesetsByIds) {
-    changesetsByIds[id] = oldChangesetsByIds[id];
-  }
-
-  return changesetsByIds;
-}
-//********end of added for detailed view of changesets
 
 //selectors
 export function getChangesets(
@@ -291,15 +272,15 @@ export function getChangesets(
   const key = createItemId(repository, branch);
 
   const changesets = state.changesets[key];
-  if (!changesets) {
+  if (!changesets || !changesets.list) {
     return null;
   }
+
   return changesets.list.entries.map((id: string) => {
     return changesets.byId[id];
   });
 }
 
-//********added for detailed view of changesets
 export function getChangeset(
   state: Object,
   repository: Repository,
@@ -350,7 +331,6 @@ export function getFetchChangesetFailure(
     createChangesetItemId(repository, id)
   );
 }
-//********end of added for detailed view of changesets
 
 export function isFetchChangesetsPending(
   state: Object,
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index 27adbdb235..8d1e2e3909 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -152,12 +152,10 @@ describe("changesets", () => {
 
       const state = {
         changesets: {
-          byKey: {
-            "foo/bar": {
-              byId: {
-                id1: { id: "id1" },
-                id2: { id: "id2" }
-              }
+          "foo/bar": {
+            byId: {
+              id1: { id: "id1" },
+              id2: { id: "id2" }
             }
           }
         }
@@ -427,12 +425,10 @@ describe("changesets", () => {
     it("should return changeset", () => {
       const state = {
         changesets: {
-          byKey: {
-            "foo/bar": {
-              byId: {
-                id1: { id: "id1" },
-                id2: { id: "id2" }
-              }
+          "foo/bar": {
+            byId: {
+              id1: { id: "id1" },
+              id2: { id: "id2" }
             }
           }
         }
@@ -478,12 +474,10 @@ describe("changesets", () => {
     it("should return false if changeset exists", () => {
       const state = {
         changesets: {
-          byKey: {
-            "foo/bar": {
-              byId: {
-                id1: { id: "id1" },
-                id2: { id: "id2" }
-              }
+          "foo/bar": {
+            byId: {
+              id1: { id: "id1" },
+              id2: { id: "id2" }
             }
           }
         }

From 167e8dbdca420d56d4decb38e831c4d22c073270 Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Thu, 18 Oct 2018 11:55:05 +0200
Subject: [PATCH 30/32] do not store changeset with their branch

---
 scm-ui/src/repos/modules/changesets.js      |  65 ++++++++----
 scm-ui/src/repos/modules/changesets.test.js | 107 +++++++++++++++-----
 2 files changed, 125 insertions(+), 47 deletions(-)

diff --git a/scm-ui/src/repos/modules/changesets.js b/scm-ui/src/repos/modules/changesets.js
index 928b760bf2..3cd617ac56 100644
--- a/scm-ui/src/repos/modules/changesets.js
+++ b/scm-ui/src/repos/modules/changesets.js
@@ -148,7 +148,11 @@ export function fetchChangesetsSuccess(
 ): Action {
   return {
     type: FETCH_CHANGESETS_SUCCESS,
-    payload: changesets,
+    payload: {
+      repository,
+      branch,
+      changesets
+    },
     itemId: createItemId(repository, branch)
   };
 }
@@ -216,7 +220,7 @@ export default function reducer(
       };
 
     case FETCH_CHANGESETS_SUCCESS:
-      const changesets = payload._embedded.changesets;
+      const changesets = payload.changesets._embedded.changesets;
       const changesetIds = changesets.map(c => c.id);
       const key = action.itemId;
 
@@ -224,26 +228,32 @@ export default function reducer(
         return state;
       }
 
-      let oldByIds = {};
-      if (state[key] && state[key].byId) {
-        oldByIds = state[key].byId;
+      const repoId = createItemId(payload.repository);
+
+      let oldState = {};
+      if (state[repoId]) {
+        oldState = state[repoId];
       }
 
+      const branchName = payload.branch ? payload.branch.name : "";
       const byIds = extractChangesetsByIds(changesets);
 
       return {
         ...state,
-        [key]: {
+        [repoId]: {
           byId: {
-            ...oldByIds,
+            ...oldState.byId,
             ...byIds
           },
-          list: {
-            entries: changesetIds,
-            entry: {
-              page: payload.page,
-              pageTotal: payload.pageTotal,
-              _links: payload._links
+          byBranch: {
+            ...oldState.byBranch,
+            [branchName]: {
+              entries: changesetIds,
+              entry: {
+                page: payload.changesets.page,
+                pageTotal: payload.changesets.pageTotal,
+                _links: payload.changesets._links
+              }
             }
           }
         }
@@ -269,15 +279,22 @@ export function getChangesets(
   repository: Repository,
   branch?: Branch
 ) {
-  const key = createItemId(repository, branch);
+  const repoKey = createItemId(repository);
 
-  const changesets = state.changesets[key];
-  if (!changesets || !changesets.list) {
+  const stateRoot = state.changesets[repoKey];
+  if (!stateRoot || !stateRoot.byBranch) {
     return null;
   }
 
-  return changesets.list.entries.map((id: string) => {
-    return changesets.byId[id];
+  const branchName = branch ? branch.name : "";
+
+  const changesets = stateRoot.byBranch[branchName];
+  if (!changesets) {
+    return null;
+  }
+
+  return changesets.entries.map((id: string) => {
+    return stateRoot.byId[id];
   });
 }
 
@@ -349,9 +366,15 @@ export function getFetchChangesetsFailure(
 }
 
 const selectList = (state: Object, repository: Repository, branch?: Branch) => {
-  const itemId = createItemId(repository, branch);
-  if (state.changesets[itemId] && state.changesets[itemId].list) {
-    return state.changesets[itemId].list;
+  const repoId = createItemId(repository);
+
+  const branchName = branch ? branch.name : "";
+  if (state.changesets[repoId]) {
+    const repoState = state.changesets[repoId];
+
+    if (repoState.byBranch && repoState.byBranch[branchName]) {
+      return repoState.byBranch[branchName];
+    }
   }
   return {};
 };
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index 8d1e2e3909..351c31baad 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -23,7 +23,8 @@ import reducer, {
   shouldFetchChangeset,
   isFetchChangesetPending,
   getFetchChangesetFailure,
-  fetchChangesetSuccess
+  fetchChangesetSuccess,
+  selectListAsCollection
 } from "./changesets";
 
 const branch = {
@@ -177,7 +178,11 @@ describe("changesets", () => {
         },
         {
           type: FETCH_CHANGESETS_SUCCESS,
-          payload: changesets,
+          payload: {
+            repository,
+            undefined,
+            changesets
+          },
           itemId: "foo/bar"
         }
       ];
@@ -199,7 +204,11 @@ describe("changesets", () => {
         },
         {
           type: FETCH_CHANGESETS_SUCCESS,
-          payload: changesets,
+          payload: {
+            repository,
+            branch,
+            changesets
+          },
           itemId
         }
       ];
@@ -258,7 +267,11 @@ describe("changesets", () => {
         },
         {
           type: FETCH_CHANGESETS_SUCCESS,
-          payload: changesets,
+          payload: {
+            repository,
+            undefined,
+            changesets
+          },
           itemId: "foo/bar"
         }
       ];
@@ -281,7 +294,11 @@ describe("changesets", () => {
         },
         {
           type: FETCH_CHANGESETS_SUCCESS,
-          payload: changesets,
+          payload: {
+            repository,
+            branch,
+            changesets
+          },
           itemId: "foo/bar/specific"
         }
       ];
@@ -323,7 +340,7 @@ describe("changesets", () => {
       );
       expect(newState["foo/bar"].byId["changeset2"].description).toEqual("foo");
       expect(newState["foo/bar"].byId["changeset3"].description).toEqual("bar");
-      expect(newState["foo/bar"].list).toEqual({
+      expect(newState["foo/bar"].byBranch[""]).toEqual({
         entry: {
           page: 1,
           pageTotal: 10,
@@ -333,6 +350,20 @@ describe("changesets", () => {
       });
     });
 
+    it("should store the changeset list to branch", () => {
+      const newState = reducer(
+        {},
+        fetchChangesetsSuccess(repository, branch, responseBody)
+      );
+
+      expect(newState["foo/bar"].byId["changeset1"]).toBeDefined();
+      expect(newState["foo/bar"].byBranch["specific"].entries).toEqual([
+        "changeset1",
+        "changeset2",
+        "changeset3"
+      ]);
+    });
+
     it("should not remove existing changesets", () => {
       const state = {
         "foo/bar": {
@@ -340,8 +371,10 @@ describe("changesets", () => {
             id2: { id: "id2" },
             id1: { id: "id1" }
           },
-          list: {
-            entries: ["id1", "id2"]
+          byBranch: {
+            "": {
+              entries: ["id1", "id2"]
+            }
           }
         }
       };
@@ -353,7 +386,7 @@ describe("changesets", () => {
 
       const fooBar = newState["foo/bar"];
 
-      expect(fooBar.list.entries).toEqual([
+      expect(fooBar.byBranch[""].entries).toEqual([
         "changeset1",
         "changeset2",
         "changeset3"
@@ -362,7 +395,6 @@ describe("changesets", () => {
       expect(fooBar.byId["id1"]).toEqual({ id: "id1" });
     });
 
-    //********added for detailed view of changesets
     const responseBodySingleChangeset = {
       id: "id3",
       author: {
@@ -440,12 +472,10 @@ describe("changesets", () => {
     it("should return null if changeset does not exist", () => {
       const state = {
         changesets: {
-          byKey: {
-            "foo/bar": {
-              byId: {
-                id1: { id: "id1" },
-                id2: { id: "id2" }
-              }
+          "foo/bar": {
+            byId: {
+              id1: { id: "id1" },
+              id2: { id: "id2" }
             }
           }
         }
@@ -457,12 +487,10 @@ describe("changesets", () => {
     it("should return true if changeset does not exist", () => {
       const state = {
         changesets: {
-          byKey: {
-            "foo/bar": {
-              byId: {
-                id1: { id: "id1" },
-                id2: { id: "id2" }
-              }
+          "foo/bar": {
+            byId: {
+              id1: { id: "id1" },
+              id2: { id: "id2" }
             }
           }
         }
@@ -514,8 +542,6 @@ describe("changesets", () => {
       expect(getFetchChangesetFailure({}, repository, "id1")).toBeUndefined();
     });
 
-    //********end of added for detailed view of changesets
-
     it("should get all changesets for a given repository", () => {
       const state = {
         changesets: {
@@ -524,8 +550,10 @@ describe("changesets", () => {
               id2: { id: "id2" },
               id1: { id: "id1" }
             },
-            list: {
-              entries: ["id1", "id2"]
+            byBranch: {
+              "": {
+                entries: ["id1", "id2"]
+              }
             }
           }
         }
@@ -561,5 +589,32 @@ describe("changesets", () => {
     it("should return false if fetching changesets did not fail", () => {
       expect(getFetchChangesetsFailure({}, repository)).toBeUndefined();
     });
+
+    it("should return list as collection for the default branch", () => {
+      const state = {
+        changesets: {
+          "foo/bar": {
+            byId: {
+              id2: { id: "id2" },
+              id1: { id: "id1" }
+            },
+            byBranch: {
+              "": {
+                entry: {
+                  page: 1,
+                  pageTotal: 10,
+                  _links: {}
+                },
+                entries: ["id1", "id2"]
+              }
+            }
+          }
+        }
+      };
+
+      const collection = selectListAsCollection(state, repository);
+      expect(collection.page).toBe(1);
+      expect(collection.pageTotal).toBe(10);
+    });
   });
 });

From 9ac5b3fe37c757897384462e096cbda76422f00c Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Thu, 18 Oct 2018 14:40:35 +0200
Subject: [PATCH 31/32] improve changeset styling

---
 .../packages/ui-components/src/Image.js       | 13 ++-
 scm-ui/public/locales/en/repos.json           |  2 +-
 .../src/repos/components/ChangesetAvatar.js   | 26 -----
 .../src/repos/components/ChangesetDetails.js  | 69 -------------
 .../components/changesets/AvatarImage.js      | 32 +++++++
 .../components/changesets/AvatarWrapper.js    | 18 ++++
 .../components/changesets/ChangesetAvatar.js  | 30 ------
 .../components/changesets/ChangesetDetails.js | 96 +++++++++++++++++++
 .../components/changesets/ChangesetId.js      | 30 +++++-
 .../components/changesets/ChangesetRow.js     | 17 +++-
 .../repos/components/changesets/changesets.js | 24 +++++
 .../components/changesets/changesets.test.js  | 16 ++++
 scm-ui/src/repos/containers/ChangesetView.js  |  2 +-
 13 files changed, 239 insertions(+), 136 deletions(-)
 delete mode 100644 scm-ui/src/repos/components/ChangesetAvatar.js
 delete mode 100644 scm-ui/src/repos/components/ChangesetDetails.js
 create mode 100644 scm-ui/src/repos/components/changesets/AvatarImage.js
 create mode 100644 scm-ui/src/repos/components/changesets/AvatarWrapper.js
 delete mode 100644 scm-ui/src/repos/components/changesets/ChangesetAvatar.js
 create mode 100644 scm-ui/src/repos/components/changesets/ChangesetDetails.js
 create mode 100644 scm-ui/src/repos/components/changesets/changesets.js
 create mode 100644 scm-ui/src/repos/components/changesets/changesets.test.js

diff --git a/scm-ui-components/packages/ui-components/src/Image.js b/scm-ui-components/packages/ui-components/src/Image.js
index d46a32217f..5cb7fd6aa9 100644
--- a/scm-ui-components/packages/ui-components/src/Image.js
+++ b/scm-ui-components/packages/ui-components/src/Image.js
@@ -9,9 +9,18 @@ type Props = {
 };
 
 class Image extends React.Component<Props> {
+
+  createImageSrc = () => {
+    const { src } = this.props;
+    if (src.startsWith("http")) {
+      return src;
+    }
+    return withContextPath(src);
+  };
+
   render() {
-    const { src, alt, className } = this.props;
-    return <img className={className} src={withContextPath(src)} alt={alt} />;
+    const { alt, className } = this.props;
+    return <img className={className} src={this.createImageSrc()} alt={alt} />;
   }
 }
 
diff --git a/scm-ui/public/locales/en/repos.json b/scm-ui/public/locales/en/repos.json
index 28c94f63e3..c9dcc84815 100644
--- a/scm-ui/public/locales/en/repos.json
+++ b/scm-ui/public/locales/en/repos.json
@@ -53,7 +53,7 @@
       "description": "Description",
       "contact": "Contact",
       "date": "Date",
-      "summary": "Changeset {{id}} committed {{time}}"
+      "summary": "Changeset {{id}} was committed {{time}}"
     },
     "author": {
       "name": "Author",
diff --git a/scm-ui/src/repos/components/ChangesetAvatar.js b/scm-ui/src/repos/components/ChangesetAvatar.js
deleted file mode 100644
index a23b58aed9..0000000000
--- a/scm-ui/src/repos/components/ChangesetAvatar.js
+++ /dev/null
@@ -1,26 +0,0 @@
-//@flow
-import React from "react";
-import { ExtensionPoint } from "@scm-manager/ui-extensions";
-import type { Changeset, Repository } from "@scm-manager/ui-types";
-import { Image } from "@scm-manager/ui-components";
-
-type Props = {
-  changeset: Changeset,
-  repository: Repository
-};
-
-class ChangesetAvatar extends React.Component<Props> {
-  render() {
-    const { changeset, repository } = this.props;
-    return (
-      <p className="image is-64x64">
-        <ExtensionPoint
-          name="repos.changeset.gravatar"
-          props={{ changeset, repository }}
-        />
-      </p>
-    );
-  }
-}
-
-export default ChangesetAvatar;
diff --git a/scm-ui/src/repos/components/ChangesetDetails.js b/scm-ui/src/repos/components/ChangesetDetails.js
deleted file mode 100644
index 019762d140..0000000000
--- a/scm-ui/src/repos/components/ChangesetDetails.js
+++ /dev/null
@@ -1,69 +0,0 @@
-//@flow
-import React from "react";
-import type { Changeset, Repository } from "@scm-manager/ui-types";
-import { translate } from "react-i18next";
-import { MailLink, DateFromNow } from "@scm-manager/ui-components";
-import ChangesetAvatar from "./ChangesetAvatar";
-import classNames from "classnames";
-import injectSheet from "react-jss";
-
-const styles = {
-  floatLeft: {
-    float: "left"
-  }
-};
-
-type Props = {
-  changeset: Changeset,
-  repository: Repository,
-  t: string => string,
-  classes: any
-};
-
-class ChangesetDetails extends React.Component<Props> {
-  render() {
-    const { changeset, repository, t, classes } = this.props;
-
-    const mailadress = changeset.author.mail ? (
-      <tr>
-        <td>{t("author.mail")}</td>
-        <td>
-          <MailLink address={changeset.author.mail} />
-        </td>
-      </tr>
-    ) : null;
-
-    return (
-      <div>
-        <table className={classNames("table", classes.floatLeft)}>
-          <tbody>
-            <tr>
-              <td>{t("changeset.id")}</td>
-              <td>{changeset.id}</td>
-            </tr>
-            <tr>
-              <td>{t("author.name")}</td>
-              <td>{changeset.author.name}</td>
-            </tr>
-            {mailadress}
-            <tr>
-              <td>{t("changeset.description")}</td>
-              <td>{changeset.description}</td>
-            </tr>
-            <tr>
-              <td>{t("changeset.date")}</td>
-              <td>
-                <DateFromNow date={changeset.date} />
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <figure className={classNames(classes.floatLeft)}>
-          <ChangesetAvatar changeset={changeset} repository={repository} />
-        </figure>
-      </div>
-    );
-  }
-}
-
-export default injectSheet(styles)(translate("changesets")(ChangesetDetails));
diff --git a/scm-ui/src/repos/components/changesets/AvatarImage.js b/scm-ui/src/repos/components/changesets/AvatarImage.js
new file mode 100644
index 0000000000..77792b1690
--- /dev/null
+++ b/scm-ui/src/repos/components/changesets/AvatarImage.js
@@ -0,0 +1,32 @@
+//@flow
+import React from "react";
+import { binder } from "@scm-manager/ui-extensions";
+import type { Changeset } from "@scm-manager/ui-types";
+import { Image } from "@scm-manager/ui-components";
+
+type Props = {
+  changeset: Changeset
+};
+
+class AvatarImage extends React.Component<Props> {
+  render() {
+    const { changeset } = this.props;
+
+    const avatarFactory = binder.getExtension("changeset.avatar-factory");
+    if (avatarFactory) {
+      const avatar = avatarFactory(changeset);
+
+      return (
+        <Image
+          className="has-rounded-border"
+          src={avatar}
+          alt={changeset.author.name}
+        />
+      );
+    }
+
+    return null;
+  }
+}
+
+export default AvatarImage;
diff --git a/scm-ui/src/repos/components/changesets/AvatarWrapper.js b/scm-ui/src/repos/components/changesets/AvatarWrapper.js
new file mode 100644
index 0000000000..c5274a5976
--- /dev/null
+++ b/scm-ui/src/repos/components/changesets/AvatarWrapper.js
@@ -0,0 +1,18 @@
+//@flow
+import React from "react";
+import { binder } from "@scm-manager/ui-extensions";
+
+type Props = {
+  children: React.Node
+};
+
+class AvatarWrapper extends React.Component<Props> {
+  render() {
+    if (binder.hasExtension("changeset.avatar-factory")) {
+      return <>{this.props.children}</>;
+    }
+    return null;
+  }
+}
+
+export default AvatarWrapper;
diff --git a/scm-ui/src/repos/components/changesets/ChangesetAvatar.js b/scm-ui/src/repos/components/changesets/ChangesetAvatar.js
deleted file mode 100644
index 90f116daed..0000000000
--- a/scm-ui/src/repos/components/changesets/ChangesetAvatar.js
+++ /dev/null
@@ -1,30 +0,0 @@
-//@flow
-import React from "react";
-import { ExtensionPoint } from "@scm-manager/ui-extensions";
-import type { Changeset } from "@scm-manager/ui-types";
-
-type Props = {
-  changeset: Changeset
-};
-
-class ChangesetAvatar extends React.Component<Props> {
-  render() {
-    const { changeset } = this.props;
-    return (
-      <ExtensionPoint
-        name="repos.changeset-table.information"
-        renderAll={true}
-        props={{ changeset }}
-      >
-        {/* extension should render something like this:  */}
-        {/* <div className="image is-64x64">              */}
-        {/*   <figure className="media-left">             */}
-        {/*    <Image src="/some/image.jpg" alt="Logo" /> */}
-        {/*   </figure>                                   */}
-        {/* </div>                                        */}
-      </ExtensionPoint>
-    );
-  }
-}
-
-export default ChangesetAvatar;
diff --git a/scm-ui/src/repos/components/changesets/ChangesetDetails.js b/scm-ui/src/repos/components/changesets/ChangesetDetails.js
new file mode 100644
index 0000000000..fd1c475447
--- /dev/null
+++ b/scm-ui/src/repos/components/changesets/ChangesetDetails.js
@@ -0,0 +1,96 @@
+//@flow
+import React from "react";
+import type { Changeset, Repository } from "../../../../../scm-ui-components/packages/ui-types/src/index";
+import { Interpolate, translate } from "react-i18next";
+import injectSheet from "react-jss";
+import ChangesetTag from "./ChangesetTag";
+import ChangesetAuthor from "./ChangesetAuthor";
+import { parseDescription } from "./changesets";
+import { DateFromNow } from "../../../../../scm-ui-components/packages/ui-components/src/index";
+import AvatarWrapper from "./AvatarWrapper";
+import AvatarImage from "./AvatarImage";
+import classNames from "classnames";
+import ChangesetId from "./ChangesetId";
+
+const styles = {
+  spacing: {
+    marginRight: "1em"
+  }
+};
+
+type Props = {
+  changeset: Changeset,
+  repository: Repository,
+  t: string => string,
+  classes: any
+};
+
+class ChangesetDetails extends React.Component<Props> {
+  render() {
+    const { changeset, repository, t, classes } = this.props;
+
+    const description = parseDescription(changeset.description);
+
+    const id = (
+      <ChangesetId repository={repository} changeset={changeset} link={false} />
+    );
+    const date = <DateFromNow date={changeset.date} />;
+
+    return (
+      <div className="content">
+        <h4>{description.title}</h4>
+        <article className="media">
+          <AvatarWrapper>
+            <p className={classNames("image", "is-64x64", classes.spacing)}>
+              <AvatarImage changeset={changeset} />
+            </p>
+          </AvatarWrapper>
+          <div className="media-content">
+            <p>
+              <ChangesetAuthor changeset={changeset} />
+            </p>
+            <p>
+              <Interpolate
+                i18nKey="changesets.changeset.summary"
+                id={id}
+                time={date}
+              />
+            </p>
+          </div>
+          <div className="media-right">{this.renderTags()}</div>
+        </article>
+        <p>
+          {description.message.split("\n").map((item, key) => {
+            return (
+              <span key={key}>
+                {item}
+                <br />
+              </span>
+            );
+          })}
+        </p>
+      </div>
+    );
+  }
+
+  getTags = () => {
+    const { changeset } = this.props;
+    return changeset._embedded.tags || [];
+  };
+
+  renderTags = () => {
+    const tags = this.getTags();
+    if (tags.length > 0) {
+      return (
+        <div className="level-item">
+          {tags.map((tag: Tag) => {
+            return <ChangesetTag key={tag.name} tag={tag} />;
+          })}
+        </div>
+      );
+    }
+    return null;
+  };
+}
+
+export default injectSheet(styles)(translate("repos")(ChangesetDetails));
diff --git a/scm-ui/src/repos/components/changesets/ChangesetId.js b/scm-ui/src/repos/components/changesets/ChangesetId.js
index 7669cd606e..ba38e6179c 100644
--- a/scm-ui/src/repos/components/changesets/ChangesetId.js
+++ b/scm-ui/src/repos/components/changesets/ChangesetId.js
@@ -6,20 +6,42 @@ import type { Repository, Changeset } from "@scm-manager/ui-types";
 
 type Props = {
   repository: Repository,
-  changeset: Changeset
+  changeset: Changeset,
+  link: boolean
 };
 
 export default class ChangesetId extends React.Component<Props> {
-  render() {
-    const { repository, changeset } = this.props;
+  static defaultProps = {
+    link: true
+  };
+
+  shortId = (changeset: Changeset) => {
+    return changeset.id.substr(0, 7);
+  };
+
+  renderLink = () => {
+    const { changeset, repository } = this.props;
     return (
       <Link
         to={`/repo/${repository.namespace}/${repository.name}/changeset/${
           changeset.id
         }`}
       >
-        {changeset.id.substr(0, 7)}
+        {this.shortId(changeset)}
       </Link>
     );
+  };
+
+  renderText = () => {
+    const { changeset } = this.props;
+    return this.shortId(changeset);
+  };
+
+  render() {
+    const { link } = this.props;
+    if (link) {
+      return this.renderLink();
+    }
+    return this.renderText();
   }
 }
diff --git a/scm-ui/src/repos/components/changesets/ChangesetRow.js b/scm-ui/src/repos/components/changesets/ChangesetRow.js
index a1a497ad67..ffe2a7eda4 100644
--- a/scm-ui/src/repos/components/changesets/ChangesetRow.js
+++ b/scm-ui/src/repos/components/changesets/ChangesetRow.js
@@ -3,13 +3,15 @@ import React from "react";
 import type { Changeset, Repository, Tag } 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 ChangesetAuthor from "./ChangesetAuthor";
 import ChangesetTag from "./ChangesetTag";
 import { compose } from "redux";
+import { parseDescription } from "./changesets";
+import AvatarWrapper from "./AvatarWrapper";
+import AvatarImage from "./AvatarImage";
 
 const styles = {
   pointer: {
@@ -46,14 +48,23 @@ class ChangesetRow extends React.Component<Props> {
     const changesetLink = this.createLink(changeset);
     const dateFromNow = <DateFromNow date={changeset.date} />;
     const authorLine = <ChangesetAuthor changeset={changeset} />;
+    const description = parseDescription(changeset.description);
 
     return (
       <article className={classNames("media", classes.inner)}>
-        <ChangesetAvatar changeset={changeset} />
+        <AvatarWrapper>
+          <div>
+            <figure className="media-left">
+              <p className="image is-64x64">
+                <AvatarImage changeset={changeset} />
+              </p>
+            </figure>
+          </div>
+        </AvatarWrapper>
         <div className={classNames("media-content", classes.withOverflow)}>
           <div className="content">
             <p className="is-ellipsis-overflow">
-              {changeset.description}
+              <strong>{description.title}</strong>
               <br />
               <Interpolate
                 i18nKey="changesets.changeset.summary"
diff --git a/scm-ui/src/repos/components/changesets/changesets.js b/scm-ui/src/repos/components/changesets/changesets.js
new file mode 100644
index 0000000000..9d4821e5ec
--- /dev/null
+++ b/scm-ui/src/repos/components/changesets/changesets.js
@@ -0,0 +1,24 @@
+// @flow
+export type Description = {
+  title: string,
+  message: string
+};
+
+export function parseDescription(description: string): Description {
+  const lineBreak = description.indexOf("\n");
+
+  let title;
+  let message = "";
+
+  if (lineBreak > 0) {
+    title = description.substring(0, lineBreak);
+    message = description.substring(lineBreak + 1);
+  } else {
+    title = description;
+  }
+
+  return {
+    title,
+    message
+  };
+}
diff --git a/scm-ui/src/repos/components/changesets/changesets.test.js b/scm-ui/src/repos/components/changesets/changesets.test.js
new file mode 100644
index 0000000000..cd3788e9fb
--- /dev/null
+++ b/scm-ui/src/repos/components/changesets/changesets.test.js
@@ -0,0 +1,16 @@
+// @flow
+
+import { parseDescription } from "./changesets";
+
+describe("parseDescription tests", () => {
+  it("should return a description with title and message", () => {
+    const desc = parseDescription("Hello\nTrillian");
+    expect(desc.title).toBe("Hello");
+    expect(desc.message).toBe("Trillian");
+  });
+
+  it("should return a description with title and without message", () => {
+    const desc = parseDescription("Hello Trillian");
+    expect(desc.title).toBe("Hello Trillian");
+  });
+});
diff --git a/scm-ui/src/repos/containers/ChangesetView.js b/scm-ui/src/repos/containers/ChangesetView.js
index 62f0fc1eac..b164ca03ec 100644
--- a/scm-ui/src/repos/containers/ChangesetView.js
+++ b/scm-ui/src/repos/containers/ChangesetView.js
@@ -9,7 +9,7 @@ import {
   getFetchChangesetFailure,
   isFetchChangesetPending
 } from "../modules/changesets";
-import ChangesetDetails from "../components/ChangesetDetails";
+import ChangesetDetails from "../components/changesets/ChangesetDetails";
 import { translate } from "react-i18next";
 import { Loading, ErrorPage } from "@scm-manager/ui-components";
 

From 9e5df56ecfad55ad8453813124c608ba05296d4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 18 Oct 2018 15:20:30 +0200
Subject: [PATCH 32/32] refactoring

---
 .../packages/ui-components/src/urls.js        |  2 +-
 .../ui-types/src/RepositoryPermissions.js     |  9 +++-----
 .../packages/ui-types/src/index.js            |  2 +-
 .../components/changesets/AvatarWrapper.js    |  2 +-
 .../components/changesets/ChangesetDetails.js |  8 +++++--
 scm-ui/src/repos/modules/changesets.test.js   |  2 +-
 .../components/CreatePermissionForm.js        |  6 ++---
 .../components/permissionValidation.js        | 23 +++++++++++++------
 .../components/permissionValidation.test.js   |  6 +++--
 .../permissions/containers/Permissions.js     |  6 ++---
 .../repos/permissions/modules/permissions.js  |  8 +++----
 .../permissions/modules/permissions.test.js   |  4 ++--
 12 files changed, 45 insertions(+), 33 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/urls.js b/scm-ui-components/packages/ui-components/src/urls.js
index 3c33265eae..dd8888d7a3 100644
--- a/scm-ui-components/packages/ui-components/src/urls.js
+++ b/scm-ui-components/packages/ui-components/src/urls.js
@@ -12,7 +12,7 @@ export function withEndingSlash(url: string) {
   return url + "/";
 }
 
-export function concat(base: string, ...parts: string) {
+export function concat(base: string, ...parts: string[]) {
   let url = base;
   for ( let p of parts) {
     url = withEndingSlash(url) + p;
diff --git a/scm-ui-components/packages/ui-types/src/RepositoryPermissions.js b/scm-ui-components/packages/ui-types/src/RepositoryPermissions.js
index ceb5fe135e..d86e499378 100644
--- a/scm-ui-components/packages/ui-types/src/RepositoryPermissions.js
+++ b/scm-ui-components/packages/ui-types/src/RepositoryPermissions.js
@@ -1,14 +1,11 @@
 //@flow
 import type { Links } from "./hal";
 
-export type Permission = {
-  name: string,
-  type: string,
-  groupPermission: boolean,
-  _links?: Links
+export type Permission = PermissionCreateEntry & {
+  _links: Links
 };
 
-export type PermissionEntry = {
+export type PermissionCreateEntry = {
   name: string,
   type: string,
   groupPermission: boolean
diff --git a/scm-ui-components/packages/ui-types/src/index.js b/scm-ui-components/packages/ui-types/src/index.js
index ccad0e8597..98a6ead283 100644
--- a/scm-ui-components/packages/ui-types/src/index.js
+++ b/scm-ui-components/packages/ui-types/src/index.js
@@ -17,4 +17,4 @@ export type { Tag } from "./Tags";
 
 export type { Config } from "./Config";
 
-export type { Permission, PermissionEntry, PermissionCollection } from "./RepositoryPermissions";
+export type { Permission, PermissionCreateEntry, PermissionCollection } from "./RepositoryPermissions";
diff --git a/scm-ui/src/repos/components/changesets/AvatarWrapper.js b/scm-ui/src/repos/components/changesets/AvatarWrapper.js
index c5274a5976..0d3d55e62a 100644
--- a/scm-ui/src/repos/components/changesets/AvatarWrapper.js
+++ b/scm-ui/src/repos/components/changesets/AvatarWrapper.js
@@ -1,5 +1,5 @@
 //@flow
-import React from "react";
+import * as React from "react";
 import { binder } from "@scm-manager/ui-extensions";
 
 type Props = {
diff --git a/scm-ui/src/repos/components/changesets/ChangesetDetails.js b/scm-ui/src/repos/components/changesets/ChangesetDetails.js
index fd1c475447..a8edf0365c 100644
--- a/scm-ui/src/repos/components/changesets/ChangesetDetails.js
+++ b/scm-ui/src/repos/components/changesets/ChangesetDetails.js
@@ -1,6 +1,9 @@
 //@flow
 import React from "react";
-import type { Changeset, Repository } from "../../../../../scm-ui-components/packages/ui-types/src/index";
+import type {
+  Changeset,
+  Repository
+} from "../../../../../scm-ui-components/packages/ui-types/src/index";
 import { Interpolate, translate } from "react-i18next";
 import injectSheet from "react-jss";
 import ChangesetTag from "./ChangesetTag";
@@ -11,6 +14,7 @@ import AvatarWrapper from "./AvatarWrapper";
 import AvatarImage from "./AvatarImage";
 import classNames from "classnames";
 import ChangesetId from "./ChangesetId";
+import type { Tag } from "@scm-manager/ui-types";
 
 const styles = {
   spacing: {
@@ -27,7 +31,7 @@ type Props = {
 
 class ChangesetDetails extends React.Component<Props> {
   render() {
-    const { changeset, repository, t, classes } = this.props;
+    const { changeset, repository, classes } = this.props;
 
     const description = parseDescription(changeset.description);
 
diff --git a/scm-ui/src/repos/modules/changesets.test.js b/scm-ui/src/repos/modules/changesets.test.js
index 351c31baad..489312688d 100644
--- a/scm-ui/src/repos/modules/changesets.test.js
+++ b/scm-ui/src/repos/modules/changesets.test.js
@@ -415,7 +415,7 @@ describe("changesets", () => {
         {
           "foo/bar": {
             byId: {
-              ["id2"]: {
+              "id2": {
                 id: "id2",
                 author: { mail: "mail@author.com", name: "author" }
               }
diff --git a/scm-ui/src/repos/permissions/components/CreatePermissionForm.js b/scm-ui/src/repos/permissions/components/CreatePermissionForm.js
index 595c27d8ef..5268de7e9d 100644
--- a/scm-ui/src/repos/permissions/components/CreatePermissionForm.js
+++ b/scm-ui/src/repos/permissions/components/CreatePermissionForm.js
@@ -5,13 +5,13 @@ import { Checkbox, InputField, SubmitButton } from "@scm-manager/ui-components";
 import TypeSelector from "./TypeSelector";
 import type {
   PermissionCollection,
-  PermissionEntry
+  PermissionCreateEntry
 } from "@scm-manager/ui-types";
 import * as validator from "./permissionValidation";
 
 type Props = {
   t: string => string,
-  createPermission: (permission: PermissionEntry) => void,
+  createPermission: (permission: PermissionCreateEntry) => void,
   loading: boolean,
   currentPermissions: PermissionCollection
 };
@@ -65,7 +65,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
           <SubmitButton
             label={t("permission.add-permission.submit-button")}
             loading={loading}
-            disabled={!this.state.valid || this.state.name == ""}
+            disabled={!this.state.valid || this.state.name === ""}
           />
         </form>
       </div>
diff --git a/scm-ui/src/repos/permissions/components/permissionValidation.js b/scm-ui/src/repos/permissions/components/permissionValidation.js
index b74ae40988..d63ab72d54 100644
--- a/scm-ui/src/repos/permissions/components/permissionValidation.js
+++ b/scm-ui/src/repos/permissions/components/permissionValidation.js
@@ -1,21 +1,30 @@
 // @flow
 import { validation } from "@scm-manager/ui-components";
-import type {
-  PermissionCollection,
-} from "@scm-manager/ui-types";
+import type { PermissionCollection } from "@scm-manager/ui-types";
 const isNameValid = validation.isNameValid;
 
 export { isNameValid };
 
-export const isPermissionValid = (name: string, groupPermission: boolean, permissions: PermissionCollection) => {
-  return isNameValid(name) && !currentPermissionIncludeName(name, groupPermission, permissions);
+export const isPermissionValid = (
+  name: string,
+  groupPermission: boolean,
+  permissions: PermissionCollection
+) => {
+  return (
+    isNameValid(name) &&
+    !currentPermissionIncludeName(name, groupPermission, permissions)
+  );
 };
 
-const currentPermissionIncludeName = (name: string, groupPermission: boolean, permissions: PermissionCollection) => {
+const currentPermissionIncludeName = (
+  name: string,
+  groupPermission: boolean,
+  permissions: PermissionCollection
+) => {
   for (let i = 0; i < permissions.length; i++) {
     if (
       permissions[i].name === name &&
-      permissions[i].groupPermission == groupPermission
+      permissions[i].groupPermission === groupPermission
     )
       return true;
   }
diff --git a/scm-ui/src/repos/permissions/components/permissionValidation.test.js b/scm-ui/src/repos/permissions/components/permissionValidation.test.js
index 036375a348..b2e7e8be68 100644
--- a/scm-ui/src/repos/permissions/components/permissionValidation.test.js
+++ b/scm-ui/src/repos/permissions/components/permissionValidation.test.js
@@ -17,7 +17,8 @@ describe("permission validation", () => {
       {
         name: "PermissionName",
         groupPermission: true,
-        type: "READ"
+        type: "READ",
+        _links: {}
       }
     ];
     const name = "PermissionName";
@@ -33,7 +34,8 @@ describe("permission validation", () => {
       {
         name: "PermissionName",
         groupPermission: false,
-        type: "READ"
+        type: "READ",
+        _links: {}
       }
     ];
     const name = "PermissionName";
diff --git a/scm-ui/src/repos/permissions/containers/Permissions.js b/scm-ui/src/repos/permissions/containers/Permissions.js
index e70e02f443..0a0b285102 100644
--- a/scm-ui/src/repos/permissions/containers/Permissions.js
+++ b/scm-ui/src/repos/permissions/containers/Permissions.js
@@ -21,7 +21,7 @@ import { Loading, ErrorPage } from "@scm-manager/ui-components";
 import type {
   Permission,
   PermissionCollection,
-  PermissionEntry
+  PermissionCreateEntry
 } from "@scm-manager/ui-types";
 import SinglePermission from "./SinglePermission";
 import CreatePermissionForm from "../components/CreatePermissionForm";
@@ -39,7 +39,7 @@ type Props = {
   //dispatch functions
   fetchPermissions: (namespace: string, repoName: string) => void,
   createPermission: (
-    permission: PermissionEntry,
+    permission: PermissionCreateEntry,
     namespace: string,
     repoName: string,
     callback?: () => void
@@ -176,7 +176,7 @@ const mapDispatchToProps = dispatch => {
       dispatch(fetchPermissions(namespace, repoName));
     },
     createPermission: (
-      permission: PermissionEntry,
+      permission: PermissionCreateEntry,
       namespace: string,
       repoName: string,
       callback?: () => void
diff --git a/scm-ui/src/repos/permissions/modules/permissions.js b/scm-ui/src/repos/permissions/modules/permissions.js
index 86d78e7ae9..35d0996cec 100644
--- a/scm-ui/src/repos/permissions/modules/permissions.js
+++ b/scm-ui/src/repos/permissions/modules/permissions.js
@@ -6,7 +6,7 @@ import type { Action } from "@scm-manager/ui-components";
 import type {
   PermissionCollection,
   Permission,
-  PermissionEntry
+  PermissionCreateEntry
 } from "@scm-manager/ui-types";
 import { isPending } from "../../../modules/pending";
 import { getFailure } from "../../../modules/failure";
@@ -219,7 +219,7 @@ export function modifyPermissionReset(namespace: string, repoName: string) {
 
 // create permission
 export function createPermission(
-  permission: PermissionEntry,
+  permission: PermissionCreateEntry,
   namespace: string,
   repoName: string,
   callback?: () => void
@@ -260,7 +260,7 @@ export function createPermission(
 }
 
 export function createPermissionPending(
-  permission: PermissionEntry,
+  permission: PermissionCreateEntry,
   namespace: string,
   repoName: string
 ): Action {
@@ -272,7 +272,7 @@ export function createPermissionPending(
 }
 
 export function createPermissionSuccess(
-  permission: PermissionEntry,
+  permission: PermissionCreateEntry,
   namespace: string,
   repoName: string
 ): Action {
diff --git a/scm-ui/src/repos/permissions/modules/permissions.test.js b/scm-ui/src/repos/permissions/modules/permissions.test.js
index e546f6cb00..084e752724 100644
--- a/scm-ui/src/repos/permissions/modules/permissions.test.js
+++ b/scm-ui/src/repos/permissions/modules/permissions.test.js
@@ -640,7 +640,7 @@ describe("permissions selectors", () => {
   it("should return true, when createPermission is true", () => {
     const state = {
       permissions: {
-        ["hitchhiker/puzzle42"]: {
+        "hitchhiker/puzzle42": {
           createPermission: true
         }
       }
@@ -651,7 +651,7 @@ describe("permissions selectors", () => {
   it("should return false, when createPermission is false", () => {
     const state = {
       permissions: {
-        ["hitchhiker/puzzle42"]: {
+        "hitchhiker/puzzle42": {
           createPermission: false
         }
       }