Merged in feature/enhance_download_button (pull request #177)

enhance download button
This commit is contained in:
Mohamed Karray
2019-02-06 09:02:03 +00:00

View File

@@ -3,14 +3,17 @@ import React from "react";
type Props = { type Props = {
displayName: string, displayName: string,
url: string url: string,
disabled: boolean,
onClick?: () => void
}; };
class DownloadButton extends React.Component<Props> { class DownloadButton extends React.Component<Props> {
render() { render() {
const { displayName, url } = this.props; const { displayName, url, disabled, onClick } = this.props;
const onClickOrDefault = !!onClick ? onClick : () => {};
return ( return (
<a className="button is-large is-link" href={url}> <a className="button is-large is-link" href={url} disabled={disabled} onClick={onClickOrDefault}>
<span className="icon is-medium"> <span className="icon is-medium">
<i className="fas fa-arrow-circle-down" /> <i className="fas fa-arrow-circle-down" />
</span> </span>