add download view

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

@@ -0,0 +1,25 @@
+//@flow
+import React from "react";
+import Button, { type ButtonProps } from "./Button";
+import type {File} from "@scm-manager/ui-types";
+
+type Props = {
+  displayName: string,
+  url: string
+};
+
+class DownloadButton extends React.Component<Props> {
+  render() {
+    const {displayName, url} = this.props;
+    return (
+      <a className="button is-large is-info" href={url}>
+        <span className="icon is-medium">
+          <i className="fas fa-arrow-circle-down" />
+        </span>
+        <span>{displayName}</span>
+      </a>
+    );
+  }
+}
+
+export default DownloadButton;

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

@@ -7,4 +7,4 @@ 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";