feat: qr code image for invite link

2022-12-15 15:15:55 +08:00
parent 703ea8716c
commit 3df055a248
3 changed files with 49 additions and 43 deletions
@@ -0,0 +1,31 @@
+// import React from 'react';
+import { QRCodeCanvas } from 'qrcode.react';
+import { useAppSelector } from '../../app/store';
+
+type Props = {
+    link: string
+}
+
+const QRCode = ({ link }: Props) => {
+    const logo = useAppSelector(store => store.server.logo);
+    return (
+        <QRCodeCanvas value={link}
+            className="rounded border border-solid border-gray-200 p-1 !w-full !h-full"
+            size={512}
+            bgColor={"#fff"}
+            fgColor={"#22ccee"}
+            level={"L"}
+            includeMargin={false}
+            imageSettings={{
+                src: logo,
+                x: undefined,
+                y: undefined,
+                height: 28,
+                width: 28,
+
+                excavate: true,
+            }} />
+    );
+};
+
+export default QRCode;