Merged in feature/btn_spacing (pull request #168)

Feature/btn spacing

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

@@ -1,7 +1,7 @@
 // @flow
 
 import React from "react";
-import type {Branch} from "@scm-manager/ui-types";
+import type { Branch } from "@scm-manager/ui-types";
 import injectSheet from "react-jss";
 import classNames from "classnames";
 import DropDown from "./forms/DropDown";
@@ -39,7 +39,9 @@ class BranchSelector extends React.Component<Props, State> {
   }
 
   componentDidMount() {
-    const selectedBranch = this.props.branches.find(branch => branch.name === this.props.selectedBranch);
+    const selectedBranch = this.props.branches.find(
+      branch => branch.name === this.props.selectedBranch
+    );
     this.setState({ selectedBranch });
   }
 

scm-ui-components/packages/ui-components/src/buttons/ButtonGroup.js

@@ -0,0 +1,44 @@
+// @flow
+import React from "react";
+import Button from "./Button";
+
+type Props = {
+  firstlabel: string,
+  secondlabel: string,
+  firstAction?: (event: Event) => void,
+  secondAction?: (event: Event) => void,
+  firstIsSelected: boolean
+};
+
+class ButtonGroup extends React.Component<Props> {
+
+  render() {
+    const { firstlabel, secondlabel, firstAction, secondAction, firstIsSelected } = this.props;
+
+    let showFirstColor = "";
+    let showSecondColor = "";
+
+    if (firstIsSelected) {
+      showFirstColor += "link is-selected";
+    } else {
+      showSecondColor += "link is-selected";
+    }
+
+    return (
+      <div className="buttons has-addons">
+        <Button
+          label={firstlabel}
+          color={showFirstColor}
+          action={firstAction}
+        />
+        <Button
+          label={secondlabel}
+          color={showSecondColor}
+          action={secondAction}
+        />
+      </div>
+    );
+  }
+}
+
+export default ButtonGroup;

scm-ui-components/packages/ui-components/src/buttons/index.js

@@ -5,6 +5,9 @@ export { default as Button } from "./Button.js";
 export { default as CreateButton } from "./CreateButton.js";
 export { default as DeleteButton } from "./DeleteButton.js";
 export { default as EditButton } from "./EditButton.js";
-export { default as RemoveEntryOfTableButton } from "./RemoveEntryOfTableButton.js";
 export { default as SubmitButton } from "./SubmitButton.js";
-export {default as DownloadButton} from "./DownloadButton.js";
+export { default as DownloadButton } from "./DownloadButton.js";
+export { default as ButtonGroup } from "./ButtonGroup.js";
+export {
+  default as RemoveEntryOfTableButton
+} from "./RemoveEntryOfTableButton.js";