import Head from "next/head" import { useGlueJar } from "../../lib/gluejar"; import QrcodeDecoder from "../../lib/qr"; import { useState } from "react"; import { QRCode } from "jsqr"; function QRImage({ image }: { image: string }) { const [data, setData] = useState(); const [errored, setErrored] = useState(false); const qr = new QrcodeDecoder(); qr.decodeFromImage(image).then(data => { if (data != null && typeof data === "object") { setData(data) } else { setErrored(true); } }).catch(err => { setData(undefined); setErrored(true); }); return <>
{"Pasted {errored ? There was an error decoding this QR code. : data === undefined ?

Parsing...

: {data.data}}
} export default function Home() { const { pasted, error } = useGlueJar(); return ( <>
QR Decoder

QR Decoder

{"Paste an image :)"}

{error !== null && {error}}
{pasted.length > 0 && pasted.map((image) => ( ))}
) }