Add QrCodeIcon Icon Component

src/components/Icons.tsx

@@ -729,3 +729,23 @@ export const ClockIcon = (props?: any) => {
         </Icon>
     );
 };
+
+export const QrCodeIcon = (props?: any) => {
+    return (
+        <Icon
+            {...props}
+            viewBox="0 0 24 24"
+        >
+            <path
+                fill={props.fill || "currentColor"}
+                d="M4 6c0-1.1.9-2 2-2h3a1 1 0 0 0 0-2H6a4 4 0 0 0-4 4v3a1 1 0 0 0 2 0V6ZM4 18c0 1.1.9 2 2 2h3a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-3a1 1 0 1 1 2 0v3ZM20 6a2 2 0 0 0-2-2h-3a1 1 0 1 1 0-2h3a4 4 0 0 1 4 4v3a1 1 0 1 1-2 0V6Z"
+            />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                fill={props.fill || "currentColor"}
+                d="M5 7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7Zm2 0h2v2H7V7ZM5 15c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2Zm2 0h2v2H7v-2ZM13 7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V7Zm2 0h2v2h-2V7ZM17.08 13a1.5 1.5 0 0 0-1.42 1.03c-.09.25-.3.47-.56.47H15a2 2 0 0 0-2 2V20c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2v-3.5a2 2 0 0 0-2-2h-.1c-.26 0-.47-.22-.56-.47A1.5 1.5 0 0 0 18.92 13h-1.84ZM20 18a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+            />
+        </Icon>
+    );
+};

src/equicordplugins/loginWithQR/index.tsx

@@ -6,6 +6,7 @@
 
 import { plugins } from "@api/PluginManager";
 import { definePluginSettings } from "@api/Settings";
+import { QrCodeIcon } from "@components/Icons";
 import { Paragraph } from "@components/Paragraph";
 import SettingsPlugin from "@plugins/_core/settings";
 import { EquicordDevs } from "@utils/constants";
@@ -15,7 +16,6 @@ import definePlugin, { OptionType } from "@utils/types";
 import { Button } from "@webpack/common";
 
 import { preload, unload } from "./images";
-import { QrCodeIcon } from "./ui";
 import openQrModal from "./ui/modals/QrModal";
 
 const settings = definePluginSettings({

src/equicordplugins/loginWithQR/ui/index.ts

@@ -32,6 +32,4 @@ type Spinner = ComponentType<Omit<HTMLAttributes<HTMLDivElement>, "children"> &
 // https://github.com/Kyuuhachi/VencordPlugins/blob/main/MessageLinkTooltip/index.tsx#L11-L33
 export const Spinner = findComponentByCodeLazy('"pulsingEllipsis"') as unknown as Spinner;
 
-export const QrCodeIcon = findComponentByCodeLazy("0v3ZM20");
-
 export const cl = classNameFactory("qrlogin-");

src/equicordplugins/loginWithQR/ui/modals/QrModal.tsx

@@ -5,6 +5,7 @@
  */
 
 import { BaseText } from "@components/BaseText";
+import { QrCodeIcon } from "@components/Icons";
 import { wrapTab } from "@components/settings";
 import loginWithQR from "@equicordplugins/loginWithQR";
 import { images } from "@equicordplugins/loginWithQR/images";
@@ -21,7 +22,7 @@ import {
 import jsQR, { QRCode } from "jsqr";
 import { MutableRefObject, ReactElement } from "react";
 
-import { cl, QrCodeIcon, Spinner, SpinnerTypes } from "..";
+import { cl, Spinner, SpinnerTypes } from "..";
 import openVerifyModal from "./VerifyModal";
 
 enum LoginStateType {