From bcdf29c3ad6e3a8e2dd6aebf4b89941cbfa48b23 Mon Sep 17 00:00:00 2001
From: nexpid <60316309+nexpid@users.noreply.github.com>
Date: Fri, 9 Aug 2024 21:54:32 +0200
Subject: [PATCH] fix(loginwithqr): fix qr code icon

---
 src/equicordplugins/loginWithQR/index.tsx   | 4 ++--
 src/equicordplugins/loginWithQR/ui/index.ts | 9 ++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/equicordplugins/loginWithQR/index.tsx b/src/equicordplugins/loginWithQR/index.tsx
index 3d9f1b41..1b2b6b65 100644
--- a/src/equicordplugins/loginWithQR/index.tsx
+++ b/src/equicordplugins/loginWithQR/index.tsx
@@ -12,7 +12,7 @@ import { Button, Forms, i18n, Menu, TabBar } from "@webpack/common";
 import { ReactElement } from "react";
 
 import { preload, unload } from "./images";
-import { cl, QrCodeCameraIcon } from "./ui";
+import { cl, QrCodeIcon } from "./ui";
 import openQrModal from "./ui/modals/QrModal";
 
 export default definePlugin({
@@ -106,7 +106,7 @@ export default definePlugin({
                 <Menu.MenuItem
                     id="scan-qr"
                     label={i18n.Messages.USER_SETTINGS_SCAN_QR_CODE}
-                    icon={QrCodeCameraIcon}
+                    icon={QrCodeIcon}
                     action={openQrModal}
                     showIconFirst
                     focusedClassName={menuItemFocused}
diff --git a/src/equicordplugins/loginWithQR/ui/index.ts b/src/equicordplugins/loginWithQR/ui/index.ts
index cb3f0ded..e2bc34cc 100644
--- a/src/equicordplugins/loginWithQR/ui/index.ts
+++ b/src/equicordplugins/loginWithQR/ui/index.ts
@@ -37,11 +37,10 @@ export const { Spinner } = proxyLazy(() => Forms as any as {
     SpinnerTypes: typeof SpinnerTypes;
 });
 
-export const { QrCodeCameraIcon } = findByPropsLazy("QrCodeCameraIcon") as {
-    QrCodeCameraIcon: ComponentType<{
-        size: number;
-    }>;
-};
+const icons = findByPropsLazy("PencilIcon");
+export const QrCodeIcon = proxyLazy(() => icons.QrCodeCameraIcon ?? icons.QrCodeIcon) as ComponentType<{
+    size: number;
+}>;
 
 export const cl = classNameFactory("qrlogin-");