Add display names where symbols or capitals are necessary

src/plugins/customRPC/index.tsx

@@ -83,7 +83,8 @@ const enum TimestampMode {
 const settings = definePluginSettings({
     appID: {
         type: OptionType.STRING,
-        description: "Application ID (required)",
+        displayName: "Application ID (required)",
+        description: "Application ID from the Discord Developer Portal",
         onChange: onChange,
         isValid: (value: string) => {
             if (!value) return "Application ID is required.";
@@ -230,7 +231,8 @@ const settings = definePluginSettings({
     },
     buttonOneText: {
         type: OptionType.STRING,
-        description: "Button 1 text",
+        displayName: "Button 1 Text",
+        description: "The text to display on button 1",
         onChange: onChange,
         isValid: (value: string) => {
             if (value && value.length > 31) return "Button 1 text must be not longer than 31 characters.";
@@ -239,12 +241,14 @@ const settings = definePluginSettings({
     },
     buttonOneURL: {
         type: OptionType.STRING,
-        description: "Button 1 URL",
+        displayName: "Button 1 URL",
+        description: "The URL to open when clicking button 1",
         onChange: onChange
     },
     buttonTwoText: {
         type: OptionType.STRING,
-        description: "Button 2 text",
+        displayName: "Button 2 Text",
+        description: "The text to display on button 2",
         onChange: onChange,
         isValid: (value: string) => {
             if (value && value.length > 31) return "Button 2 text must be not longer than 31 characters.";
@@ -253,7 +257,8 @@ const settings = definePluginSettings({
     },
     buttonTwoURL: {
         type: OptionType.STRING,
-        description: "Button 2 URL",
+        displayName: "Button 2 URL",
+        description: "The URL to open when clicking button 2",
         onChange: onChange
     }
 });

src/plugins/ircColors/index.ts

@@ -49,6 +49,7 @@ const settings = definePluginSettings({
         default: false
     },
     applyColorOnlyInDms: {
+        displayName: "Apply Color Only In DMs",
         description: "Apply colors only in direct messages; do not apply colors in servers.",
         restartNeeded: false,
         type: OptionType.BOOLEAN,

src/plugins/lastfm/index.tsx

@@ -106,6 +106,7 @@ const settings = definePluginSettings({
         type: OptionType.STRING,
     },
     apiKey: {
+        displayName: "API Key",
         description: "last.fm api key",
         type: OptionType.STRING,
     },
@@ -186,7 +187,8 @@ const settings = definePluginSettings({
         ],
     },
     showLastFmLogo: {
-        description: "show the Last.fm logo by the album cover",
+        displayName: "Show Last.fm Logo",
+        description: "Show the Last.fm logo by the album cover",
         type: OptionType.BOOLEAN,
         default: true,
     }

src/plugins/mentionAvatars/index.tsx

@@ -16,6 +16,7 @@ import { User } from "discord-types/general";
 const settings = definePluginSettings({
     showAtSymbol: {
         type: OptionType.BOOLEAN,
+        displayName: "Show @ Symbol",
         description: "Whether the the @ symbol should be displayed on user mentions",
         default: true
     }

src/plugins/messageLinkEmbeds/index.tsx

@@ -114,6 +114,7 @@ const settings = definePluginSettings({
         ]
     },
     idList: {
+        displayName: "ID List",
         description: "Guild/channel/user IDs to blacklist or whitelist (separate with comma)",
         type: OptionType.STRING,
         default: ""

src/plugins/openInApp/index.ts

@@ -25,6 +25,7 @@ import type { MouseEvent } from "react";
 interface URLReplacementRule {
     match: RegExp;
     replace: (...matches: string[]) => string;
+    displayName?: string;
     description: string;
     shortlinkMatch?: RegExp;
     accountViewReplace?: (userId: string) => string;
@@ -59,6 +60,7 @@ const UrlReplacementRules: Record<string, URLReplacementRule> = {
     itunes: {
         match: /^https:\/\/(?:geo\.)?music\.apple\.com\/([a-z]{2}\/)?(album|artist|playlist|song|curator)\/([^/?#]+)\/?([^/?#]+)?(?:\?.*)?(?:#.*)?$/,
         replace: (_, lang, type, name, id) => id ? `itunes://music.apple.com/us/${type}/${name}/${id}` : `itunes://music.apple.com/us/${type}/${name}`,
+        displayName: "iTunes",
         description: "Open Apple Music links in the iTunes app"
     },
 };
@@ -67,6 +69,7 @@ const pluginSettings = definePluginSettings(
     Object.entries(UrlReplacementRules).reduce((acc, [key, rule]) => {
         acc[key] = {
             type: OptionType.BOOLEAN,
+            displayName: rule.displayName,
             description: rule.description,
             default: true,
         };

src/plugins/pinDms/index.tsx

@@ -48,11 +48,13 @@ export const settings = definePluginSettings({
     },
     canCollapseDmSection: {
         type: OptionType.BOOLEAN,
+        displayName: "Can Collapse DM Section",
         description: "Allow uncategorised DMs section to be collapsable",
         default: false
     },
     dmSectionCollapsed: {
         type: OptionType.BOOLEAN,
+        displayName: "DM Section Collapsed",
         description: "Collapse DM section",
         default: false,
         hidden: true

src/plugins/replaceGoogleSearch/index.tsx

@@ -29,6 +29,7 @@ const settings = definePluginSettings({
         placeholder: "Google"
     },
     customEngineURL: {
+        displayName: "Custom Engine URL",
         description: "The URL of your Engine",
         type: OptionType.STRING,
         placeholder: "https://google.com/search?q="

src/plugins/shikiCodeblocks.desktop/settings.ts

@@ -51,6 +51,7 @@ export const settings = definePluginSettings({
     },
     tryHljs: {
         type: OptionType.SELECT,
+        displayName: "Try Highlight.js",
         description: "Use the more lightweight default Discord highlighter and theme.",
         options: [
             {

src/plugins/translate/settings.ts

@@ -63,6 +63,7 @@ export const settings = definePluginSettings({
     },
     deeplApiKey: {
         type: OptionType.STRING,
+        displayName: "DeepL API Key",
         description: "DeepL API key",
         default: "",
         placeholder: "Get your API key from https://deepl.com/your-account",

src/plugins/viewIcons/index.tsx

@@ -62,6 +62,7 @@ const settings = definePluginSettings({
     },
     imgSize: {
         type: OptionType.SELECT,
+        displayName: "Image Size",
         description: "The image size to use",
         options: ["128", "256", "512", "1024", "2048", "4096"].map(n => ({ label: n, value: n, default: n === "1024" }))
     }

src/plugins/xsOverlay/index.tsx

@@ -104,6 +104,7 @@ const settings = definePluginSettings({
     },
     preferUDP: {
         type: OptionType.BOOLEAN,
+        displayName: "Prefer UDP",
         description: "Enable if you use an older build of XSOverlay unable to connect through websockets. This setting is ignored on web.",
         default: false,
         disabled: () => IS_WEB
@@ -120,11 +121,13 @@ const settings = definePluginSettings({
     },
     dmNotifications: {
         type: OptionType.BOOLEAN,
+        displayName: "DM Notifications",
         description: "Allow Direct Message notifications",
         default: true
     },
     groupDmNotifications: {
         type: OptionType.BOOLEAN,
+        displayName: "Group DM Notifications",
         description: "Allow Group DM notifications",
         default: true
     },