lbry-desktop/ui/modal/modalIncompatibleDaemon/view.jsx

41 lines
1.3 KiB
React
Raw Normal View History

2018-05-11 01:06:41 +02:00
// @flow
import React from 'react';
import { Modal } from 'modal/modal';
2018-03-26 23:32:43 +02:00
import Button from 'component/button';
2018-05-11 01:06:41 +02:00
type Props = {
onContinueAnyway: () => void,
2018-05-11 01:06:41 +02:00
quitAnyDaemon: () => void,
};
class ModalIncompatibleDaemon extends React.PureComponent<Props> {
render() {
const { onContinueAnyway, quitAnyDaemon } = this.props;
return (
<Modal
isOpen
2020-08-26 22:28:33 +02:00
title={__('Incompatible daemon')}
contentLabel={__('Incompatible daemon running')}
type="confirm"
confirmButtonLabel={__('Close App and LBRY Processes')}
abortButtonLabel={__('Continue Anyway')}
onConfirmed={quitAnyDaemon}
onAborted={onContinueAnyway}
>
2019-07-21 23:31:22 +02:00
<p>
{__(
'This app is running with an incompatible version of the LBRY protocol. You can still use it, but there may be issues. Re-run the installation package for best results.'
)}{' '}
2019-11-05 19:54:58 +01:00
{/* I noticed the period below could end up on a line by itself. This is probably not the ideal solution, but seems better than not adding this. */}
<span style={{ whiteSpace: 'nowrap' }}>
<Button button="link" label={__('Learn more')} href="https://lbry.com/faq/incompatible-protocol-version" />
</span>
2019-07-21 23:31:22 +02:00
</p>
</Modal>
);
}
}
export default ModalIncompatibleDaemon;