feat: Add new config option to enable/disable button labels

mariusbegby · Dec 12, 2023 · 47d3c36 · 47d3c36
1 parent 82927c5
commit 47d3c36
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 10 deletions.
diff --git a/config/default.js b/config/default.js
@@ -65,6 +65,9 @@ module.exports.embedOptions = {
         info: '#5865F2',
         note: '#80848E'
     },
+    components: {
+        showButtonLabels: false
+    },
     icons: {
         logo: '🤖',
         beta: '`beta`',

diff --git a/src/interactions/commands/player/filters.ts b/src/interactions/commands/player/filters.ts
@@ -194,11 +194,14 @@ class FiltersCommand extends BaseSlashCommandInteraction {
 
         const disableButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId('filters-disable-button')
-            .setLabel('Disable all filters')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.disable)
             .toJSON();
 
+        if (this.embedOptions.components.showButtonLabels) {
+            disableButton.label = 'Disable all filters';
+        }
+
         const disableFiltersActionRow: APIActionRowComponent<APIMessageActionRowComponent> = {
             type: ComponentType.ActionRow,
             components: [disableButton]

diff --git a/src/interactions/commands/player/history.ts b/src/interactions/commands/player/history.ts
@@ -80,28 +80,31 @@ class HistoryCommand extends BaseSlashCommandInteraction {
         const previousButton: APIButtonComponent = new ButtonBuilder()
             .setDisabled(queue.history.tracks.data.length > 0 ? false : true)
             .setCustomId(`action-previous-button_${currentTrack.id}`)
-            .setLabel('Previous')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.previousTrack)
             .toJSON();
         components.push(previousButton);
 
         const playPauseButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-pauseresume-button_${currentTrack.id}`)
-            .setLabel(queue.node.isPaused() ? 'Resume' : 'Pause')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.pauseResumeTrack)
             .toJSON();
         components.push(playPauseButton);
 
         const skipButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-skip-button_${currentTrack.id}`)
-            .setLabel('Skip')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.nextTrack)
             .toJSON();
         components.push(skipButton);
 
+        if (this.embedOptions.components.showButtonLabels) {
+            previousButton.label = 'Previous';
+            playPauseButton.label = queue.node.isPaused() ? 'Resume' : 'Pause';
+            skipButton.label = 'Skip';
+        }
+
         const embedActionRow: APIActionRowComponent<APIMessageActionRowComponent> = {
             type: ComponentType.ActionRow,
             components

diff --git a/src/interactions/commands/player/nowplaying.ts b/src/interactions/commands/player/nowplaying.ts
@@ -49,28 +49,31 @@ class NowPlayingCommand extends BaseSlashCommandInteraction {
         const previousButton: APIButtonComponent = new ButtonBuilder()
             .setDisabled(queue.history.tracks.data.length > 0 ? false : true)
             .setCustomId(`action-previous-button_${currentTrack.id}`)
-            .setLabel('Previous')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.previousTrack)
             .toJSON();
         components.push(previousButton);
 
         const playPauseButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-pauseresume-button_${currentTrack.id}`)
-            .setLabel(queue.node.isPaused() ? 'Resume' : 'Pause')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.pauseResumeTrack)
             .toJSON();
         components.push(playPauseButton);
 
         const skipButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-skip-button_${currentTrack.id}`)
-            .setLabel('Skip')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.nextTrack)
             .toJSON();
         components.push(skipButton);
 
+        if (this.embedOptions.components.showButtonLabels) {
+            previousButton.label = 'Previous';
+            playPauseButton.label = queue.node.isPaused() ? 'Resume' : 'Pause';
+            skipButton.label = 'Skip';
+        }
+
         const embedActionRow: APIActionRowComponent<APIMessageActionRowComponent> = {
             type: ComponentType.ActionRow,
             components

diff --git a/src/interactions/commands/player/queue.ts b/src/interactions/commands/player/queue.ts
@@ -72,28 +72,31 @@ class QueueCommand extends BaseSlashCommandInteraction {
         const previousButton: APIButtonComponent = new ButtonBuilder()
             .setDisabled(queue.history.tracks.data.length > 0 ? false : true)
             .setCustomId(`action-previous-button_${currentTrack.id}`)
-            .setLabel('Previous')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.previousTrack)
             .toJSON();
         components.push(previousButton);
 
         const playPauseButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-pauseresume-button_${currentTrack.id}`)
-            .setLabel(queue.node.isPaused() ? 'Resume' : 'Pause')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.pauseResumeTrack)
             .toJSON();
         components.push(playPauseButton);
 
         const skipButton: APIButtonComponent = new ButtonBuilder()
             .setCustomId(`action-skip-button_${currentTrack.id}`)
-            .setLabel('Skip')
             .setStyle(ButtonStyle.Secondary)
             .setEmoji(this.embedOptions.icons.nextTrack)
             .toJSON();
         components.push(skipButton);
 
+        if (this.embedOptions.components.showButtonLabels) {
+            previousButton.label = 'Previous';
+            playPauseButton.label = queue.node.isPaused() ? 'Resume' : 'Pause';
+            skipButton.label = 'Skip';
+        }
+
         const embedActionRow: APIActionRowComponent<APIMessageActionRowComponent> = {
             type: ComponentType.ActionRow,
             components

diff --git a/src/types/configTypes.d.ts b/src/types/configTypes.d.ts
@@ -39,6 +39,9 @@ export type EmbedOptions = {
         info: ColorResolvable;
         note: ColorResolvable;
     };
+    components: {
+        showButtonLabels: boolean;
+    };
     icons: {
         logo: string;
         beta: string;