mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-09 08:45:55 +02:00
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
const React = require('react');
|
|
const { _ } = require('@joplin/lib/locale');
|
|
const { themeStyle } = require('@joplin/lib/theme');
|
|
|
|
function DialogButtonRow(props) {
|
|
const theme = themeStyle(props.themeId);
|
|
|
|
const okButton_click = () => {
|
|
if (props.onClick) props.onClick({ buttonName: 'ok' });
|
|
};
|
|
|
|
const cancelButton_click = () => {
|
|
if (props.onClick) props.onClick({ buttonName: 'cancel' });
|
|
};
|
|
|
|
const onKeyDown = (event) => {
|
|
if (event.keyCode === 13) {
|
|
okButton_click();
|
|
} else if (event.keyCode === 27) {
|
|
cancelButton_click();
|
|
}
|
|
};
|
|
|
|
const buttonComps = [];
|
|
|
|
if (props.okButtonShow !== false) {
|
|
buttonComps.push(
|
|
<button key="ok" style={theme.buttonStyle} onClick={okButton_click} ref={props.okButtonRef} onKeyDown={onKeyDown}>
|
|
{_('OK')}
|
|
</button>
|
|
);
|
|
}
|
|
|
|
if (props.cancelButtonShow !== false) {
|
|
buttonComps.push(
|
|
<button key="cancel" style={Object.assign({}, theme.buttonStyle, { marginLeft: 10 })} onClick={cancelButton_click}>
|
|
{props.cancelButtonLabel ? props.cancelButtonLabel : _('Cancel')}
|
|
</button>
|
|
);
|
|
}
|
|
|
|
return <div style={{ textAlign: 'right', marginTop: 10 }}>{buttonComps}</div>;
|
|
}
|
|
|
|
module.exports = DialogButtonRow;
|