Button | discord.js - imagine an app | Page 1

willow acorn Feb 10, 2022, 11:21 PM

#

const { MessageEmbed, MessageActionRow, MessageButton } = require('discord.js');
let { commands } = require('../');

 module.exports = {
     name: 'help',
     category: 'info',
     description: 'Lost? Get help here!',
     
        run: async (interaction, channel) => {

            const embed = new MessageEmbed()
                .setAuthor({ name: 'Help Embed'})
                .setColor('GREEN')
                .setDescription(`Hello There! Seems like you have lost yourself... Don't worry! I'm here to help! Select what you need help with down below!`)

            const button = new MessageButton()
                .setLabel('Administration')
                .setEmoji('👑')
                .setStyle('SUCCESS')
                .setCustomId('ad')

            const row = new MessageActionRow()
                .addComponents([ button ]);

            interaction.reply({ embeds: [embed], allowedMentions: { repliedUser: false }, components: [row]})

            const filter = i => i.customId === 'ad' && m.author.id != client.user.id;

            const collector = interaction.channel.createMessageCollector({ filter, time: 10000 }); 
            
            collector.on('collect', i => {
                if (i.setCustomId === 'ad') {
                    interaction.reply('Hello! This is Administration Embed')
                }
            })
            
        
    }
 }

calm crest Feb 10, 2022, 11:22 PM

#

willow acorn ```js const { MessageEmbed, MessageActionRow, MessageButton } = require('discord...

m.author.id != client.user.id; what is m?

#

or what is that supposed to mean?

willow acorn Feb 10, 2022, 11:22 PM

#

It should be an i...

calm crest Feb 10, 2022, 11:22 PM

#

i.author.id is not a thing

#

interactions does not have an author

willow acorn Feb 10, 2022, 11:23 PM

#

Oh

calm crest Feb 10, 2022, 11:23 PM

#

also m.author.id != client.user.id; does not do anything since ur bot cant press interactions

willow acorn Feb 10, 2022, 11:24 PM

#

Wdym by that

#

Removing m doesnt work either

calm crest Feb 10, 2022, 11:25 PM

#

@willow acornfirst add await to interaction.reply:

await  interaction.reply...

i assume u want to filter the message collector to only accept the user who ran the command, if so then your filter should be

const filter = i => i.customId === 'ad' && interaction.user.id == i.user.id;

willow acorn Feb 10, 2022, 11:25 PM

#

Let me try

#

I have async?
await is only valid in async functions and the top level bodies of modules

#

Oh no

#

Im dumb

calm crest Feb 10, 2022, 11:27 PM

#

did u figure out how to solve that error

willow acorn Feb 10, 2022, 11:27 PM

#

Yep

#

#

Still no response from th ebutton

calm crest Feb 10, 2022, 11:27 PM

#

willow acorn Yep

add await to this part as well

 interaction.reply({ embeds: [embed], allowedMentions: { repliedUser: false }, components: [row]})

#

it could be that it is creating the message collector before the interaction was updated

willow acorn Feb 10, 2022, 11:28 PM

#

Done

#

Ahh

calm crest Feb 10, 2022, 11:28 PM

#

willow acorn ```js const { MessageEmbed, MessageActionRow, MessageButton } = require('discord...

WAIT i just realised

#

ur calling createMessageCollector

#

ur collecting messages not responses from the interaction

willow acorn Feb 10, 2022, 11:28 PM

#

...

calm crest Feb 10, 2022, 11:29 PM

#

if u want to collect the interaction responses then use createMessageComponentCollector:

const collector = interaction.createMessageComponentCollector({ filter, time: 10000 });

#

also, ```js
if (i.setCustomId === 'ad') {
await interaction.reply('Hello! This is Administration Embed')
}

this part is wrong, `setCustomId` is a function, you are comparing a function to a string

willow acorn Feb 10, 2022, 11:30 PM

#

Unhandled Rejection: TypeError: interaction.createMessageComponentCollector is not a function

calm crest Feb 10, 2022, 11:30 PM

#

wait a sec

willow acorn Feb 10, 2022, 11:30 PM

#

This is the code as of rn

const { MessageEmbed, MessageActionRow, MessageButton } = require('discord.js');
let { commands } = require('../');

 module.exports = {
     name: 'help',
     category: 'info',
     description: 'Lost? Get help here!',
     
        run: async (interaction, channel) => {

            const embed = new MessageEmbed()
                .setAuthor({ name: 'Help Embed'})
                .setColor('GREEN')
                .setDescription(`Hello There! Seems like you have lost yourself... Don't worry! I'm here to help! Select what you need help with down below!`)

            const button = new MessageButton()
                .setLabel('Administration')
                .setEmoji('👑')
                .setStyle('SUCCESS')
                .setCustomId('ad')

            const row = new MessageActionRow()
                .addComponents([ button ]);

            await interaction.reply({ embeds: [embed], allowedMentions: { repliedUser: false }, components: [row]})

            const filter = i => i.customId === 'ad' && interaction.user.id == i.user.id;

            const collector = interaction.createMessageComponentCollector({ filter, time: 10000 }); 
            
            collector.on('collect', async(i) => {
                if (i.setCustomId === 'ad') {
                    await interaction.reply('Hello! This is Administration Embed')
                  }
            })
            
        
    }
 }

#

@calm crest You there?

#

@calm crest?

calm crest Feb 10, 2022, 11:51 PM

#

@willow acorn interaction.channel.createMessageComponent....

willow acorn Feb 10, 2022, 11:52 PM

#

Still nothing...

#

const { MessageEmbed, MessageActionRow, MessageButton } = require('discord.js');
let { commands } = require('../');

 module.exports = {
     name: 'help',
     category: 'info',
     description: 'Lost? Get help here!',
     
        run: async (interaction, channel) => {

            const embed = new MessageEmbed()
                .setAuthor({ name: 'Help Embed'})
                .setColor('GREEN')
                .setDescription(`Hello There! Seems like you have lost yourself... Don't worry! I'm here to help! Select what you need help with down below!`)

            const button = new MessageButton()
                .setLabel('Administration')
                .setEmoji('👑')
                .setStyle('SUCCESS')
                .setCustomId('ad')

            const button1 = new MessageButton()
                .setLabel('Fun')
                .setEmoji('🎉')
                .setStyle('SUCCESS')
                .setCustomId('fun')

            const row = new MessageActionRow()
                .addComponents([ button, button1 ]);

            await interaction.reply({ embeds: [embed], allowedMentions: { repliedUser: false }, components: [row]})

            //const filter = i => i.customId === 'ad' && interaction.user.id == i.user.id;

            //const collector = interaction.createMessageComponentCollector({ filter, time: 10000 }); 
            const collector = interaction.channel.createMessageComponentCollector(); 
            
            collector.on('collect', async(i) => {
                if (i.setCustomId === 'ad') {
                    await interaction.reply('Hello! This is Administration Embed')
                  } else {
                      if (i.customId === 'fun') {
                          await interaction.reply('This is a Fun Embed')
                      }
                  }
            })
            
        
    }
 }

royal lichen Feb 10, 2022, 11:55 PM

#

i.setCustomId does not exist

#

and you're replying to the wrong interaction in the collect event

willow acorn Feb 10, 2022, 11:56 PM

#

royal lichen `i.setCustomId` does not exist

I never saw that...

#

I made an interactionCreate event

#

Unhandled Rejection: Error [INTERACTION_ALREADY_REPLIED]: The reply to this interaction has already been sent or deferred.

#

After clicking the button, this is what i get

royal lichen Feb 10, 2022, 11:57 PM

#

royal lichen and you're replying to the wrong interaction in the collect event

.

willow acorn Feb 10, 2022, 11:58 PM

#

How?

royal lichen Feb 10, 2022, 11:58 PM

#

that's not replying to the interaction

#

willow acorn Feb 10, 2022, 11:59 PM

#

Ahh

#

It works now

#Button