add ExtensionPoint for actionbar to sourceview-breadcrumbs

scm-ui-components/packages/ui-components/src/Breadcrumb.js

@@ -2,6 +2,9 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import injectSheet from "react-jss";
+import { ExtensionPoint, binder } from "@scm-manager/ui-extensions";
+import {ButtonGroup} from "./buttons";
+import classNames from "classnames";
 
 type Props = {
   revision: string,
@@ -13,6 +16,17 @@ type Props = {
 const styles = {
   noMargin: {
     margin: "0"
+  },
+  flexRow: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  flexStart: {
+    flex: "1"
+  },
+  buttonGroup: {
+    alignSelf: "center",
+    paddingRight: "1rem"
   }
 };
 
@@ -45,13 +59,27 @@ class Breadcrumb extends React.Component<Props> {
   }
 
   render() {
-    const { classes } = this.props;
+    const { classes, baseUrl, revision } = this.props;
 
     return (
       <>
-        <nav className="breadcrumb sources-breadcrumb" aria-label="breadcrumbs">
-          <ul>{this.renderPath()}</ul>
-        </nav>
+        <div className={classes.flexRow}>
+          <nav className={classNames(classes.flexStart, "breadcrumb sources-breadcrumb")} aria-label="breadcrumbs">
+            <ul>{this.renderPath()}</ul>
+          </nav>
+          {
+            binder.hasExtension("sourceView.actionbar.right") &&
+            <div className={classes.buttonGroup}>
+              <ButtonGroup>
+                <ExtensionPoint
+                  name="sourceView.actionbar.right"
+                  props={{baseUrl, revision}}
+                  renderAll={true}
+                />
+              </ButtonGroup>
+            </div>
+          }
+        </div>
         <hr className={classes.noMargin} />
       </>
     );