Will Norris
71029cea2d
This updates all source files to use a new standard header for copyright and license declaration. Notably, copyright no longer includes a date, and we now use the standard SPDX-License-Identifier header. This commit was done almost entirely mechanically with perl, and then some minimal manual fixes. Updates #6865 Signed-off-by: Will Norris <will@tailscale.com>
32 lines
755 B
TypeScript
32 lines
755 B
TypeScript
// Copyright (c) Tailscale Inc & AUTHORS
|
|
// SPDX-License-Identifier: BSD-3-Clause
|
|
|
|
import { useState } from "preact/hooks"
|
|
import * as qrcode from "qrcode"
|
|
|
|
export function URLDisplay({ url }: { url: string }) {
|
|
const [dataURL, setDataURL] = useState("")
|
|
qrcode.toDataURL(url, { width: 512 }, (err, dataURL) => {
|
|
if (err) {
|
|
console.error("Error generating QR code", err)
|
|
} else {
|
|
setDataURL(dataURL)
|
|
}
|
|
})
|
|
|
|
return (
|
|
<div class="flex flex-col items-center justify-items-center">
|
|
<a href={url} class="link" target="_blank">
|
|
<img
|
|
src={dataURL}
|
|
class="mx-auto"
|
|
width="256"
|
|
height="256"
|
|
alt="QR Code of URL"
|
|
/>
|
|
{url}
|
|
</a>
|
|
</div>
|
|
)
|
|
}
|