From 313c44d871d2d0d4102549a38262f641911e1623 Mon Sep 17 00:00:00 2001
From: Kheops <26880866+0xKheops@users.noreply.github.com>
Date: Sun, 2 Jul 2023 11:25:02 +0900
Subject: [PATCH] fix: external source QRs crossOrigin attribute

---
 apps/extension/src/ui/domains/Sign/Qr/MetadataQrCode.tsx     | 4 +++-
 apps/extension/src/ui/domains/Sign/Qr/NetworkSpecsQrCode.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/extension/src/ui/domains/Sign/Qr/MetadataQrCode.tsx b/apps/extension/src/ui/domains/Sign/Qr/MetadataQrCode.tsx
index f35078a59..50f98e775 100644
--- a/apps/extension/src/ui/domains/Sign/Qr/MetadataQrCode.tsx
+++ b/apps/extension/src/ui/domains/Sign/Qr/MetadataQrCode.tsx
@@ -1,3 +1,4 @@
+import { IS_FIREFOX } from "@core/constants"
 import { hexToU8a } from "@polkadot/util"
 import { useQuery } from "@tanstack/react-query"
 import { api } from "@ui/api"
@@ -37,10 +38,11 @@ export const MetadataQrCode = ({ genesisHash, specVersion, qrCodeSource }: Props
           onLoad={onLoad}
           onLoadedData={onLoad}
           alt=""
+          crossOrigin={IS_FIREFOX ? undefined : "anonymous"}
         />
         {loaded && qrCodeLogo ? (
           <img
-            className="absolute top-1/2 left-1/2 w-40 -translate-x-1/2 -translate-y-1/2 bg-white p-5"
+            className="absolute left-1/2 top-1/2 w-40 -translate-x-1/2 -translate-y-1/2 bg-white p-5"
             src={qrCodeLogo}
             alt=""
           />
diff --git a/apps/extension/src/ui/domains/Sign/Qr/NetworkSpecsQrCode.tsx b/apps/extension/src/ui/domains/Sign/Qr/NetworkSpecsQrCode.tsx
index 7166b7ae5..2fffe4287 100644
--- a/apps/extension/src/ui/domains/Sign/Qr/NetworkSpecsQrCode.tsx
+++ b/apps/extension/src/ui/domains/Sign/Qr/NetworkSpecsQrCode.tsx
@@ -1,3 +1,4 @@
+import { IS_FIREFOX } from "@core/constants"
 import { hexToU8a } from "@polkadot/util"
 import { useQuery } from "@tanstack/react-query"
 import { api } from "@ui/api"
@@ -37,10 +38,11 @@ export const NetworkSpecsQrCode = ({ genesisHash, qrCodeSource }: Props) => {
           onLoad={onLoad}
           onLoadedData={onLoad}
           alt=""
+          crossOrigin={IS_FIREFOX ? undefined : "anonymous"}
         />
         {loaded && qrCodeLogo ? (
           <img
-            className="absolute top-1/2 left-1/2 w-11 -translate-x-1/2 -translate-y-1/2 bg-white p-2"
+            className="absolute left-1/2 top-1/2 w-11 -translate-x-1/2 -translate-y-1/2 bg-white p-2"
             src={qrCodeLogo}
             alt=""
           />