lbry-desktop/src/renderer/modal/modalUpgrade/view.jsx

import React from 'react';
import { Modal } from 'modal/modal';
import Button from 'component/button';

class ModalUpgrade extends React.PureComponent {
  render() {
    const { downloadUpgrade, skipUpgrade } = this.props;

    return (
      <Modal
        isOpen
        contentLabel={__('Upgrade available')}
        type="confirm"
        confirmButtonLabel={__('Upgrade')}
        abortButtonLabel={__('Skip')}
        onConfirmed={downloadUpgrade}
        onAborted={skipUpgrade}
      >
        <h3 className="text-center">{__('LBRY Leveled Up')}</h3>
        <br />
        <p>
          {__('An updated version of LBRY is now available.')}{' '}
          {__('Your version is out of date and may be unreliable or insecure.')}
        </p>
        <p className="meta text-center">
          {__('Want to know what has changed?')} See the{' '}
          <Button
            button="link"
            label={__('release notes')}
            href="https://github.com/lbryio/lbry-desktop/releases"
          />.
        </p>
      </Modal>
    );
  }
}

export default ModalUpgrade;