diff --git a/index.tsx b/index.tsx index 1ffc942..3feef65 100644 --- a/index.tsx +++ b/index.tsx @@ -212,7 +212,7 @@ export default definePlugin({ link: "https://discord.com/blog/welcome-to-the-new-era-of-discord-apps?ref=badge" }, - // these badges dont have a link because they literally dont link anywhere + // these badges don't have a link because they literally don't link anywhere { description: "Premium App", image: "https://cdn.discordapp.com/badge-icons/d2010c413a8da2208b7e4f35bd8cd4ac.png", @@ -221,7 +221,7 @@ export default definePlugin({ link: "" }, { - description: "Uses Automod", + description: "Uses AutoMod", image: "https://cdn.discordapp.com/badge-icons/f2459b691ac7453ed6039bbcfaccbfcd.png", position: Badges.BadgePosition.END, shouldShow: ({ userId }) => isCurrentUser(userId) && !!settings.store.usesAutomod, @@ -235,7 +235,7 @@ export default definePlugin({ link: "" }, - // Im linking to a dicord video about lootboxs incase someone doesnt know the context behind this badge + // Im linking to a discord video about lootboxes incase someone doesn't know the context behind this badge { description: "A clown, for a limited time", image: "https://discord.com/assets/971cfe4aa5c0582000ea.svg", @@ -243,6 +243,16 @@ export default definePlugin({ shouldShow: ({ userId }) => isCurrentUser(userId) && !!settings.store.aClownForATime, link: "https://youtu.be/cc2-4ci4G84" }, + + // Horror discord moment badge for their crypto + { + description: "Crypto Orbs", + image: "https://discord.com/assets/c8440c1470723788.svg", + position: Badges.BadgePosition.END, + shouldShow: ({ userId }) => isCurrentUser(userId) && !!settings.store.cryptoOrbs, + // We'll see it that works + link: "https://discord.com/shop?tab=orbs" + }, ]; NativeBadges.forEach(b => Badges.addProfileBadge(b)); }, diff --git a/settings.tsx b/settings.tsx index 5090ffb..1131009 100644 --- a/settings.tsx +++ b/settings.tsx @@ -156,6 +156,11 @@ const settings = definePluginSettings({ hidden: true, description: "Discord Nitro Opal" }, + cryptoOrbs: { + type: OptionType.BOOLEAN, + hidden: true, + description: "Discord Crypto named 'Orbs'" + }, badgeSettings: { type: OptionType.COMPONENT, description: "Setup badge layout and visibility", @@ -195,6 +200,7 @@ const BadgeSettings = () => { { src: "https://cdn.discordapp.com/badge-icons/f2459b691ac7453ed6039bbcfaccbfcd.png", shown: settings.store.usesAutomod, key: "UsesAutomod", title: "Uses Automod" }, { src: "https://cdn.discordapp.com/badge-icons/6de6d34650760ba5551a79732e98ed60.png", shown: settings.store.legacyUsername, key: "LegacyUsername", title: "Legacy Username" }, { src: "https://discord.com/assets/971cfe4aa5c0582000ea.svg", shown: settings.store.aClownForATime, key: "AClownForALimitedTime", title: "A clown, for a limited time" }, + { src: "https://cdn.discordapp.com/emojis/1353848371424792767.gif", shown: settings.store.cryptoOrbs, key: "cryptoOrbs", title: "Crypto Orbs" }, ]); useEffect(() => { @@ -284,6 +290,9 @@ const BadgeSettings = () => { case "AClownForALimitedTime": settings.store.aClownForATime = image.shown; break; + case "cryptoOrbs": + settings.store.cryptoOrbs = image.shown; + break; default: break; } diff --git a/style.css b/style.css index f88b1d1..a41c949 100644 --- a/style.css +++ b/style.css @@ -4,11 +4,10 @@ color: rgb(240 71 71) !important; border: 1px solid rgb(240 71 71 / 60%) !important; border-radius: 5px !important; - font-weight: 500; + font-weight: bold; padding: 6px 10px; text-align: center; margin-top: 10px; - font-style: bold; } .vc-badges-notice { @@ -17,11 +16,10 @@ color: var(--info-warning-text) !important; border: 1px solid var(--info-warning-foreground) !important; border-radius: 5px !important; - font-weight: 500; + font-weight: bold; padding: 6px 10px; text-align: center; margin-top: 10px; - font-style: bold; } .vc-badges-settings {