feat: add level prop to qrcode

2023-02-26 14:41:31 +08:00
parent e80466b1c8
commit c3e60db634
2 changed files with 23 additions and 20 deletions
@@ -4,29 +4,32 @@ import { useAppSelector } from '../../app/store';

 type Props = {
    link: string,
-    size?: number
+    size?: number,
+    level?: "L" | "M" | "H" | "Q"
 }

-const QRCode = ({ link, size = 512 }: Props) => {
+const QRCode = ({ link, size = 512, level = "L" }: Props) => {
    const logo = useAppSelector(store => store.server.logo);
    return (
-        <QR
-            renderAs='svg'
-            value={link}
-            className="rounded border border-solid border-gray-200 dark:border-none !w-full !h-full"
-            size={size}
-            bgColor={"#fff"}
-            fgColor={"#000"}
-            level={"L"}
-            includeMargin={true}
-            imageSettings={{
-                src: logo,
-                x: undefined,
-                y: undefined,
-                height: size / 6,
-                width: size / 6,
-                excavate: true,
-            }} />
+        <div className="p-2 bg-white dark:bg-slate-200 rounded">
+            <QR
+                renderAs='svg'
+                value={link}
+                className="rounded border border-solid border-gray-200 dark:border-none !w-full !h-full"
+                size={size}
+                bgColor={"#fff"}
+                fgColor={"#000"}
+                level={level}
+                // includeMargin={true}
+                imageSettings={{
+                    src: logo,
+                    x: undefined,
+                    y: undefined,
+                    height: size / 6,
+                    width: size / 6,
+                    excavate: true,
+                }} />
+        </div>
    );
 };