diff options
| -rw-r--r-- | src/components/VencordSettings/VencordTab.tsx | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/components/VencordSettings/VencordTab.tsx b/src/components/VencordSettings/VencordTab.tsx index 04fb057..89bbefd 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> |