lbry-desktop/ui/component/common/qr-code.jsx

34 lines
670 B
React
Raw Normal View History

2018-03-26 23:32:43 +02:00
// @flow
2020-12-01 18:56:59 +01:00
import React from 'react';
import classnames from 'classnames';
2019-11-07 20:39:22 +01:00
import ReactQrCode from 'qrcode.react';
2019-04-03 07:56:58 +02:00
2018-03-26 23:32:43 +02:00
type Props = {
value: string,
paddingRight?: boolean,
paddingTop?: boolean,
2018-03-26 23:32:43 +02:00
};
class QRCode extends React.Component<Props> {
static defaultProps = {
paddingRight: false,
paddingTop: false,
};
render() {
2018-06-13 17:43:04 +02:00
const { value, paddingRight, paddingTop } = this.props;
return (
<div
className={classnames('qr-code', {
'qr-code--right-padding': paddingRight,
'qr-code--top-padding': paddingTop,
})}
>
2019-11-07 20:39:22 +01:00
<ReactQrCode value={value} />
</div>
);
}
}
2018-03-26 23:32:43 +02:00
export default QRCode;