Fix Dono Button

src/components/DonateButton.tsx

@@ -22,6 +22,25 @@ import { ButtonProps } from "@webpack/types";
 
 import { Heart } from "./Heart";
 
+export default function VCDonateButton({
+    look = Button.Looks.LINK,
+    color = Button.Colors.TRANSPARENT,
+    ...props
+}: Partial<ButtonProps>) {
+    return (
+        <Button
+            {...props}
+            look={look}
+            color={color}
+            onClick={() => VencordNative.native.openExternal("https://github.com/sponsors/Vendicated")}
+            innerClassName="vc-donate-button"
+        >
+            <Heart />
+            Donate
+        </Button>
+    );
+}
+
 export default function DonateButton({
     look = Button.Looks.LINK,
     color = Button.Colors.TRANSPARENT,

src/plugins/_api/badges/index.tsx

@@ -19,6 +19,7 @@
 import "./fixDiscordBadgePadding.css";
 
 import { _getBadges, BadgePosition, BadgeUserArgs, ProfileBadge } from "@api/Badges";
+import VCDonateButton from "@components/DonateButton";
 import DonateButton from "@components/DonateButton";
 import ErrorBoundary from "@components/ErrorBoundary";
 import { Flex } from "@components/Flex";
@@ -213,7 +214,7 @@ export default definePlugin({
                             </ModalContent>
                             <ModalFooter>
                                 <Flex style={{ width: "100%", justifyContent: "center" }}>
-                                    <DonateButton />
+                                    <VCDonateButton />
                                 </Flex>
                             </ModalFooter>
                         </ModalRoot>