import React from 'react';
import PropTypes from 'prop-types';

import CopyButton from '../CopyButton';

export default class RevisionUrl extends React.Component {

  render() {
    const buttonStyle = {
      fontSize: '1em'
    };

    const url = (this.props.pageId == null)
      ? decodeURIComponent(location.href)
      : `${location.origin}/${this.props.pageId}`;
    const copiedText = this.props.pagePath + '\n' + url;

    return (
      <span>
        {url}
        <CopyButton buttonId="btnCopyRevisionUrl" text={copiedText}
            buttonClassName="btn btn-default btn-copy-link" buttonStyle={buttonStyle} iconClassName="ti-clipboard" />
      </span>
    );
  }
}

RevisionUrl.propTypes = {
  pageId: PropTypes.string,
  pagePath: PropTypes.string.isRequired,
};