You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
569 B
23 lines
569 B
import type React from 'react';
|
|
|
|
import QRCode from 'react-qr-code';
|
|
|
|
import { Tab } from '@headlessui/react';
|
|
import type { Protobuf } from '@meshtastic/meshtasticjs';
|
|
|
|
export interface QRCodePanelProps {
|
|
channel: Protobuf.Channel;
|
|
}
|
|
|
|
export const QRCodePanel = ({ channel }: QRCodePanelProps): JSX.Element => {
|
|
return (
|
|
<Tab.Panel className="flex flex-grow p-2">
|
|
<div className="m-auto">
|
|
<QRCode
|
|
className="rounded-md"
|
|
value={`https://www.meshtastic.org/d/#${channel.index}`}
|
|
/>
|
|
</div>
|
|
</Tab.Panel>
|
|
);
|
|
};
|
|
|