If you want to help support the project, you can donate a beer's worth of rai using this
form
diff --git a/src/components/ReblocksQRCode/ReblocksQRCode.story.tsx b/src/components/ReblocksQRCode/ReblocksQRCode.story.tsx
new file mode 100644
index 0000000..a75df63
--- /dev/null
+++ b/src/components/ReblocksQRCode/ReblocksQRCode.story.tsx
@@ -0,0 +1,36 @@
+import { storiesOf } from '@storybook/react';
+import * as React from 'react';
+
+import { ReblocksQRCode } from './ReblocksQRCode';
+
+import { ACCOUNT_ID } from '../../lib/';
+
+storiesOf('ReblocksQRCode', module)
+ .add('Default', () => {
+ return ;
+ })
+ .add('Default with Address', () => {
+ return ;
+ })
+ .add('With Amount', () => {
+ return ;
+ })
+ .add('With Amount and Label', () => {
+ return (
+
+ );
+ })
+ .add('Amount, Label and Message', () => {
+ return (
+
+ );
+ })
+ .add('RaiBlocks Purple', () => {
+ return ;
+ });
diff --git a/src/components/ReblocksQRCode/ReblocksQRCode.tsx b/src/components/ReblocksQRCode/ReblocksQRCode.tsx
new file mode 100644
index 0000000..8771c7d
--- /dev/null
+++ b/src/components/ReblocksQRCode/ReblocksQRCode.tsx
@@ -0,0 +1,58 @@
+import * as QRCode from 'qrcode.react';
+import * as queryString from 'query-string';
+import * as React from 'react';
+
+export interface OptionalProps {
+ amount?: number;
+ bgColor?: string;
+ fgColor?: string;
+ label?: string;
+ message?: string;
+ size?: number;
+ showUrl?: boolean;
+}
+
+export interface Props extends OptionalProps {
+ accountId: string;
+}
+
+const ReblocksQRCode: React.StatelessComponent = (props): JSX.Element => {
+ const { accountId, amount, label, message, showUrl, ...otherProps } = props;
+ let address = `xrb:${accountId}`;
+
+ const params: OptionalProps = {};
+ if (amount) {
+ params.amount = amount;
+ }
+ if (label) {
+ params.label = label;
+ }
+ if (message) {
+ params.message = message;
+ }
+
+ const qs = queryString.stringify(params);
+ address = qs ? `${address}?${qs}` : address;
+
+ const qrComponent = ;
+
+ if (showUrl) {
+ return (
+
+ {qrComponent}
+
{address}
+