mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-01-06 04:48:14 -05:00
24 lines
506 B
TypeScript
24 lines
506 B
TypeScript
export function QRCode(props: {
|
|
url: string
|
|
className?: string
|
|
width?: number
|
|
height?: number
|
|
}) {
|
|
const { url, className, width = 200, height = 200 } = props
|
|
|
|
// url-encode the url
|
|
const urlEncoded = encodeURIComponent(url)
|
|
|
|
const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=${width}x${height}&data=${urlEncoded}`
|
|
|
|
return (
|
|
<img
|
|
src={qrUrl}
|
|
width={width}
|
|
height={height}
|
|
className={className}
|
|
alt={`QR code to ${urlEncoded}`}
|
|
/>
|
|
)
|
|
}
|