diff options
author | Sebastian <sebasjm@gmail.com> | 2022-10-26 14:50:50 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-10-26 14:52:52 -0300 |
commit | b4bad2deaf93eff5858d903cd68b8fdd5a5eecd3 (patch) | |
tree | e6ead0edbd2b56cf9bcd8bc312fb07ed9280c5cc /packages/demobank-ui/src/components/QR.tsx | |
parent | c34e71cf3de3da90d0d1662141aa1754a42ea37a (diff) | |
download | wallet-core-b4bad2deaf93eff5858d903cd68b8fdd5a5eecd3.tar.xz |
pretty
Diffstat (limited to 'packages/demobank-ui/src/components/QR.tsx')
-rw-r--r-- | packages/demobank-ui/src/components/QR.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/demobank-ui/src/components/QR.tsx b/packages/demobank-ui/src/components/QR.tsx index ee5b73c69..f154ddebe 100644 --- a/packages/demobank-ui/src/components/QR.tsx +++ b/packages/demobank-ui/src/components/QR.tsx @@ -14,14 +14,14 @@ GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ -import { h, VNode } from 'preact'; -import { useEffect, useRef } from 'preact/hooks'; -import qrcode from 'qrcode-generator'; +import { h, VNode } from "preact"; +import { useEffect, useRef } from "preact/hooks"; +import qrcode from "qrcode-generator"; export function QR({ text }: { text: string }): VNode { const divRef = useRef<HTMLDivElement>(null); useEffect(() => { - const qr = qrcode(0, 'L'); + const qr = qrcode(0, "L"); qr.addData(text); qr.make(); if (divRef.current) @@ -33,14 +33,14 @@ export function QR({ text }: { text: string }): VNode { return ( <div style={{ - width: '100%', - display: 'flex', - flexDirection: 'column', - alignItems: 'left', + width: "100%", + display: "flex", + flexDirection: "column", + alignItems: "left", }} > <div - style={{ width: '50%', minWidth: 200, maxWidth: 300 }} + style={{ width: "50%", minWidth: 200, maxWidth: 300 }} ref={divRef} /> </div> |