From c583bad6bf7206bec077c4706e0d55bc930fa5bf Mon Sep 17 00:00:00 2001
From: megumin <megumin.bakaretsurie@gmail.com>
Date: Mon, 28 Nov 2022 18:59:42 +0000
Subject: [PATCH] the shiggy wiggy (#270)

---
 src/components/VencordSettings/VencordTab.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/VencordSettings/VencordTab.tsx b/src/components/VencordSettings/VencordTab.tsx
index 04fb057f..89bbefd0 100644
--- a/src/components/VencordSettings/VencordTab.tsx
+++ b/src/components/VencordSettings/VencordTab.tsx
@@ -30,9 +30,15 @@ function VencordSettings() {
     const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), "Loading...");
     const settings = useSettings();
 
+    const [donateImage] = React.useState(
+        Math.random() > 0.5
+            ? "https://cdn.discordapp.com/emojis/1026533090627174460.png"
+            : "https://media.discordapp.net/stickers/1039992459209490513.png"
+    );
+
     return (
         <React.Fragment>
-            <DonateCard />
+            <DonateCard image={donateImage} />
             <Forms.FormSection title="Quick Actions">
                 <Card className={st("QuickActionCard")}>
                     {IS_WEB ? (
@@ -104,8 +110,11 @@ function VencordSettings() {
 }
 
 
+interface DonateCardProps {
+    image: string;
+}
 
-function DonateCard() {
+function DonateCard({ image }: DonateCardProps) {
     return (
         <Card style={{
             padding: "1em",
@@ -123,8 +132,9 @@ function DonateCard() {
             </div>
             <img
                 role="presentation"
-                src="https://cdn.discordapp.com/emojis/1026533090627174460.png"
+                src={image}
                 alt=""
+                height={128}
                 style={{ marginLeft: "auto", transform: "rotate(10deg)" }}
             />
         </Card>