Orbs

Reviewed-on: userplugins/clientSideBadges#5

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));
     },

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://discord.com/assets/c8440c1470723788.svg", 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;
             }

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 {