forked from userplugins/clientSideBadges
323 lines
14 KiB
TypeScript
323 lines
14 KiB
TypeScript
/*
|
|
* Vencord, a Discord client mod
|
|
* Copyright (c) 2025 Vendicated and contributors
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
import { definePluginSettings } from "@api/Settings";
|
|
import { OptionType } from "@utils/types";
|
|
import { Text, useEffect, UserStore, useState } from "@webpack/common";
|
|
|
|
const settings = definePluginSettings({
|
|
discordStaff: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Staff"
|
|
},
|
|
partneredServerOwner: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Partnered Server Owner"
|
|
},
|
|
earlySupporter: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Early Supporter"
|
|
},
|
|
activeDeveloper: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Active Developer"
|
|
},
|
|
earlyVerifiedBotDeveloper: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Early Verified Bot Developer"
|
|
},
|
|
moderatorProgramsAlumni: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Moderator Programs Alumni"
|
|
},
|
|
bugHunter: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Bug Hunter"
|
|
},
|
|
goldenBugHunter: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Bug Hunter"
|
|
},
|
|
|
|
// shout out krystalskullofficial
|
|
// Nino missed some badges
|
|
hypesquadEvents: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "HypeSquad Events"
|
|
},
|
|
houseOfBravery: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "HypeSquad Bravery"
|
|
},
|
|
houseOfBrilliance: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "HypeSquad Briliance"
|
|
},
|
|
houseOfBalance: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "HypeSquad Balance"
|
|
},
|
|
discordQuests: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Quests"
|
|
},
|
|
serverBooster: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Server Booster"
|
|
},
|
|
legacyUsername: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Legacy Username"
|
|
},
|
|
|
|
// These are badges meant for bots so idk why you would want but might as well add them
|
|
supportsCommands: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Supports Commands"
|
|
},
|
|
premiumApp: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Premium App"
|
|
},
|
|
usesAutomod: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Uses Automod"
|
|
},
|
|
|
|
// These is a badge discord made for april fools 2024, again idk why you would want it but might as well add it
|
|
aClownForATime: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "A clown, for a limited time"
|
|
},
|
|
nitro: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro",
|
|
},
|
|
nitroBronze: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Bronze"
|
|
},
|
|
nitroSilver: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Silver"
|
|
},
|
|
nitroGold: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Gold"
|
|
},
|
|
nitroPlatinum: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Platinum"
|
|
},
|
|
nitroDiamond: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Diamond"
|
|
},
|
|
nitroEmerald: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Emerald"
|
|
},
|
|
nitroRuby: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Ruby"
|
|
},
|
|
nitroOpal: {
|
|
type: OptionType.BOOLEAN,
|
|
hidden: true,
|
|
description: "Discord Nitro Opal"
|
|
},
|
|
badgeSettings: {
|
|
type: OptionType.COMPONENT,
|
|
description: "Setup badge layout and visibility",
|
|
component: () => <BadgeSettings />
|
|
}
|
|
});
|
|
|
|
export default settings;
|
|
|
|
const BadgeSettings = () => {
|
|
const [images, setImages] = useState([
|
|
{ src: "https://cdn.discordapp.com/badge-icons/5e74e9b61934fc1f67c65515d1f7e60d.png", shown: settings.store.discordStaff, key: "DiscordStaff", title: "Discord Staff" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/3f9748e53446a137a052f3454e2de41e.png", shown: settings.store.partneredServerOwner, key: "PartneredServerOwner", title: "Partnered Server Owner" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/7060786766c9c840eb3019e725d2b358.png", shown: settings.store.earlySupporter, key: "EarlySupporter", title: "Early Supporter" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/6bdc42827a38498929a4920da12695d9.png", shown: settings.store.activeDeveloper, key: "ActiveDeveloper", title: "Active Developer" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/6df5892e0f35b051f8b61eace34f4967.png", shown: settings.store.earlyVerifiedBotDeveloper, key: "EarlyVerifiedBotDeveloper", title: "Early Verified Bot Developer" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/fee1624003e2fee35cb398e125dc479b.png", shown: settings.store.moderatorProgramsAlumni, key: "ModeratorProgramsAlumni", title: "Moderator Programs Alumni" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/2717692c7dca7289b35297368a940dd0.png", shown: settings.store.bugHunter, key: "DiscordBugHunter", title: "Discord Bug Hunter" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/848f79194d4be5ff5f81505cbd0ce1e6.png", shown: settings.store.goldenBugHunter, key: "DiscordGoldBugHunter", title: "Discord Golden Bug Hunter" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/bf01d1073931f921909045f3a39fd264.png", shown: settings.store.hypesquadEvents, key: "HypeSquadEvents", title: "HypeSquad Events" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/8a88d63823d8a71cd5e390baa45efa02.png", shown: settings.store.houseOfBravery, key: "HypeSquadBravery", title: "HypeSquad Bravery" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/011940fd013da3f7fb926e4a1cd2e618.png", shown: settings.store.houseOfBrilliance, key: "HypeSquadBriliance", title: "HypeSquad Briliance" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/3aa41de486fa12454c3761e8e223442e.png", shown: settings.store.houseOfBalance, key: "HypeSquadBalance", title: "HypeSquad Balance" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/7d9ae358c8c5e118768335dbe68b4fb8.png", shown: settings.store.discordQuests, key: "DiscordQuests", title: "Discord Quests" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/2ba85e8026a8614b640c2837bcdfe21b.png", shown: settings.store.nitro, key: "DiscordNitro", title: "Discord Nitro" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/4f33c4a9c64ce221936bd256c356f91f.png", shown: settings.store.nitroBronze, key: "DiscordNitroBronze", title: "Discord Nitro Bronze" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/4514fab914bdbfb4ad2fa23df76121a6.png", shown: settings.store.nitroSilver, key: "DiscordNitroSilver", title: "Discord Nitro Silver" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/2895086c18d5531d499862e41d1155a6.png", shown: settings.store.nitroGold, key: "DiscordNitroGold", title: "Discord Nitro Gold" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/0334688279c8359120922938dcb1d6f8.png", shown: settings.store.nitroPlatinum, key: "DiscordNitroPlatinum", title: "Discord Nitro Platinum" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/0d61871f72bb9a33a7ae568c1fb4f20a.png", shown: settings.store.nitroDiamond, key: "DiscordNitroDiamond", title: "Discord Nitro Diamond" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/11e2d339068b55d3a506cff34d3780f3.png", shown: settings.store.nitroEmerald, key: "DiscordNitroEmerald", title: "Discord Nitro Emerald" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/cd5e2cfd9d7f27a8cdcd3e8a8d5dc9f4.png", shown: settings.store.nitroRuby, key: "DiscordNitroRuby", title: "Discord Nitro Ruby" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/5b154df19c53dce2af92c9b61e6be5e2.png", shown: settings.store.nitroOpal, key: "DiscordNitroOpal", title: "Discord Nitro Opal" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/ec92202290b48d0879b7413d2dde3bab.png", shown: settings.store.serverBooster, key: "ServerBooster", title: "Server Booster" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/6f9e37f9029ff57aef81db857890005e.png", shown: settings.store.supportsCommands, key: "SupportsCommands", title: "Supports Commands" },
|
|
{ src: "https://cdn.discordapp.com/badge-icons/d2010c413a8da2208b7e4f35bd8cd4ac.png", shown: settings.store.premiumApp, key: "PremiumApp", title: "Premium App" },
|
|
{ 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" },
|
|
]);
|
|
|
|
useEffect(() => {
|
|
images.forEach(image => {
|
|
switch (image.key) {
|
|
case "DiscordStaff":
|
|
settings.store.discordStaff = image.shown;
|
|
break;
|
|
case "PartneredServerOwner":
|
|
settings.store.partneredServerOwner = image.shown;
|
|
break;
|
|
case "EarlySupporter":
|
|
settings.store.earlySupporter = image.shown;
|
|
break;
|
|
case "ActiveDeveloper":
|
|
settings.store.activeDeveloper = image.shown;
|
|
break;
|
|
case "EarlyVerifiedBotDeveloper":
|
|
settings.store.earlyVerifiedBotDeveloper = image.shown;
|
|
break;
|
|
case "ModeratorProgramsAlumni":
|
|
settings.store.moderatorProgramsAlumni = image.shown;
|
|
break;
|
|
case "DiscordBugHunter":
|
|
settings.store.bugHunter = image.shown;
|
|
break;
|
|
case "DiscordGoldBugHunter":
|
|
settings.store.goldenBugHunter = image.shown;
|
|
break;
|
|
case "HypeSquadEvents":
|
|
settings.store.hypesquadEvents = image.shown;
|
|
break;
|
|
case "HypeSquadBravery":
|
|
settings.store.houseOfBravery = image.shown;
|
|
break;
|
|
case "HypeSquadBriliance":
|
|
settings.store.houseOfBrilliance = image.shown;
|
|
break;
|
|
case "HypeSquadBalance":
|
|
settings.store.houseOfBalance = image.shown;
|
|
break;
|
|
case "DiscordQuests":
|
|
settings.store.discordQuests = image.shown;
|
|
break;
|
|
case "DiscordNitro":
|
|
settings.store.nitro = image.shown;
|
|
break;
|
|
case "DiscordNitroBronze":
|
|
settings.store.nitroBronze = image.shown;
|
|
break;
|
|
case "DiscordNitroSilver":
|
|
settings.store.nitroSilver = image.shown;
|
|
break;
|
|
case "DiscordNitroGold":
|
|
settings.store.nitroGold = image.shown;
|
|
break;
|
|
case "DiscordNitroPlatinum":
|
|
settings.store.nitroPlatinum = image.shown;
|
|
break;
|
|
case "DiscordNitroDiamond":
|
|
settings.store.nitroDiamond = image.shown;
|
|
break;
|
|
case "DiscordNitroEmerald":
|
|
settings.store.nitroEmerald = image.shown;
|
|
break;
|
|
case "DiscordNitroRuby":
|
|
settings.store.nitroRuby = image.shown;
|
|
break;
|
|
case "DiscordNitroOpal":
|
|
settings.store.nitroOpal = image.shown;
|
|
break;
|
|
case "ServerBooster":
|
|
settings.store.serverBooster = image.shown;
|
|
break;
|
|
case "SupportsCommands":
|
|
settings.store.supportsCommands = image.shown;
|
|
break;
|
|
case "PremiumApp":
|
|
settings.store.premiumApp = image.shown;
|
|
break;
|
|
case "UsesAutomod":
|
|
settings.store.usesAutomod = image.shown;
|
|
break;
|
|
case "LegacyUsername":
|
|
settings.store.legacyUsername = image.shown;
|
|
break;
|
|
case "AClownForALimitedTime":
|
|
settings.store.aClownForATime = image.shown;
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
});
|
|
}, [images]);
|
|
|
|
const toggleDisable = (index: number) => {
|
|
const newImages = [...images];
|
|
newImages[index].shown = !newImages[index].shown;
|
|
setImages(newImages);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Text>You can click to enable/disable a specific badge type.</Text>
|
|
<div className="vc-badges-settings">
|
|
<img className="vc-badges-avatar" src={UserStore.getCurrentUser().getAvatarURL()}></img>
|
|
<Text className="vc-badges-username">{(UserStore.getCurrentUser() as any).globalName}</Text>
|
|
<div className="vc-badges-grid">
|
|
{images.map((image, index) => (
|
|
<div
|
|
key={image.key}
|
|
className={`vc-badges-container ${!image.shown ? "vc-badges-disabled" : ""}`}
|
|
onClick={() => toggleDisable(index)}
|
|
>
|
|
<img
|
|
src={image.src}
|
|
title={image.title}
|
|
/>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
</div>
|
|
</>
|
|
);
|
|
};
|