fix: qrcode logo margin increase to improve error correction for cb w…

…allet
rainbow-me · May 6, 2024 · ce9a87b · ce9a87b
1 parent c260407
commit ce9a87b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/rainbowkit/src/components/QRCode/QRCode.tsx b/packages/rainbowkit/src/components/QRCode/QRCode.tsx
@@ -35,7 +35,7 @@ type Props = {
 export function QRCode({
   ecl = 'M',
   logoBackground,
-  logoMargin = 10,
+  logoMargin = 13,
   logoSize = 50,
   logoUrl,
   size: sizeProp = 200,
@@ -74,7 +74,7 @@ export function QRCode({
       }
     });
 
-    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const clearArenaSize = Math.floor((logoSize + logoMargin * 2) / cellSize);
     const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
     const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
 
@@ -114,7 +114,7 @@ export function QRCode({
     });
 
     return dots;
-  }, [ecl, logoSize, size, uri]);
+  }, [ecl, logoSize, logoMargin, size, uri]);
 
   const logoPosition = size / 2 - logoSize / 2;
   const logoWrapperSize = logoSize + logoMargin * 2;