diff --git a/src/components/VencordSettings/SpecialCard.tsx b/src/components/VencordSettings/SpecialCard.tsx index b20e8b365..e694023ac 100644 --- a/src/components/VencordSettings/SpecialCard.tsx +++ b/src/components/VencordSettings/SpecialCard.tsx @@ -48,12 +48,8 @@ export function SpecialCard({ title, subtitle, description, cardImage, backgroun >
- - {title} - - - {subtitle} - + {title} + {subtitle} {description.split("\n").map((line, index) => ( diff --git a/src/components/VencordSettings/VencordTab.tsx b/src/components/VencordSettings/VencordTab.tsx index ab77590d7..3570dcae2 100644 --- a/src/components/VencordSettings/VencordTab.tsx +++ b/src/components/VencordSettings/VencordTab.tsx @@ -28,7 +28,7 @@ import { Margins } from "@utils/margins"; import { identity, isPluginDev } from "@utils/misc"; import { relaunch, showItemInFolder } from "@utils/native"; import { useAwaiter } from "@utils/react"; -import { Button, Card, Forms, GuildMemberStore, React, Select, Switch, UserStore } from "@webpack/common"; +import { Button, Forms, GuildMemberStore, React, Select, Switch, UserStore } from "@webpack/common"; import Plugins from "~plugins"; @@ -42,9 +42,13 @@ const cl = classNameFactory("vc-settings-"); const DEFAULT_DONATE_IMAGE = "https://cdn.discordapp.com/emojis/1026533090627174460.png"; const SHIGGY_DONATE_IMAGE = "https://media.discordapp.net/stickers/1039992459209490513.png"; + const VENNIE_DONATOR_IMAGE = "https://cdn.discordapp.com/emojis/1238120638020063377.png"; const COZY_CONTRIB_IMAGE = "https://cdn.discordapp.com/emojis/1026533070955872337.png"; +const DONATOR_BACKGROUND_IMAGE = "https://github.com/user-attachments/assets/e66b5170-07b7-4fdb-902e-281b1570b769"; +const CONTRIB_BACKGROUND_IMAGE = "https://github.com/user-attachments/assets/576a7c61-72d9-4f92-8039-b91002894649"; + type KeysOfType = { [K in keyof Object]: Object[K] extends Type ? K : never; }[keyof Object]; @@ -108,7 +112,6 @@ function VencordSettings() { return ( { - // TODO: change backgroundimage to svg instead isDonor(user?.id) ? - + { + DonateButtonComponent() + } : - + { + DonateButtonComponent() + } } { - // TODO: change backgroundimage to svg instead isPluginDev(user?.id) && openContributorModal(user)} @@ -295,6 +293,16 @@ function VencordSettings() { ); } +function DonateButtonComponent() { + return ( + + ); +} + function isDonor(userId: string): boolean { const donorBadges = (Plugins.BadgeAPI as unknown as typeof import("../../plugins/_api/badges").default).getDonorBadges(userId); return GuildMemberStore.getMember(VENCORD_GUILD_ID, userId)?.roles.includes(DONOR_ROLE_ID) || !!donorBadges;