Your code is fine Just remove this line | discord.js - imagine an app | Page 1

rustic fjord Oct 22, 2022, 1:03 AM

#

if I remove just this line it says that the interaction is already replied because the command already has been replied to with row.

const row = new ActionRowBuilder().addComponents(
            new SelectMenuBuilder()
              .setCustomId('server_select')
              .setPlaceholder('Select a server')
              .addOptions(SERVER)
              )
        await interaction.reply({components: [row] ,ephemeral: true });
    await interaction.deferReply({ ephemeral: true });
    },
};


client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
    if (interaction.customId === 'server_select') {
      await wait(2000);
      const server = interact.values[0];

      await axios
        .post(`${API_BASE_URL}/api/whitelist`, {
          user: target.id,
          userName: target.username,
          server: server,
        })
        .then(res => {
          const embed = new EmbedBuilder()
            .setColor(res.data.color)
            .setTitle('Whitelist | API')
            .setDescription(res.data.message)
            .setTimestamp()
            .setFooter({
              text: 'Bot by: @EnteNico',
            });
           interaction.editReply({
            components: [],
            embeds: [embed],
          });
        });
    }
  });

#

cobalt karma Oct 22, 2022, 1:04 AM

#

const row = new ActionRowBuilder().addComponents(
            new SelectMenuBuilder()
              .setCustomId('server_select')
              .setPlaceholder('Select a server')
              .addOptions(SERVER)
              )
    await interaction.deferReply({ ephemeral: true });
    },
};


client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
    if (interaction.customId === 'server_select') {
      await wait(2000);
      const server = interact.values[0];

      await axios
        .post(`${API_BASE_URL}/api/whitelist`, {
          user: target.id,
          userName: target.username,
          server: server,
        })
        .then(res => {
          const embed = new EmbedBuilder()
            .setColor(res.data.color)
            .setTitle('Whitelist | API')
            .setDescription(res.data.message)
            .setTimestamp()
            .setFooter({
              text: 'Bot by: @EnteNico',
            });
           interaction.editReply({
            components: [],
            embeds: [embed],
          });
        });
    }
  });``` try that

rustic fjord Oct 22, 2022, 1:06 AM

#

cobalt karma ```js const row = new ActionRowBuilder().addComponents( new SelectMe...

now the select menu [row] dont show up

cobalt karma Oct 22, 2022, 1:08 AM

#

await interaction.deferReply({ ephemeral: true });
const row = new ActionRowBuilder().addComponents(
            new SelectMenuBuilder()
              .setCustomId('server_select')
              .setPlaceholder('Select a server')
              .addOptions(SERVER)
              )
await interaction.editReply({ components: [row] });
    },
};


client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
    if (interaction.customId === 'server_select') {
      await wait(2000);
      const server = interact.values[0];

      await axios
        .post(`${API_BASE_URL}/api/whitelist`, {
          user: target.id,
          userName: target.username,
          server: server,
        })
        .then(res => {
          const embed = new EmbedBuilder()
            .setColor(res.data.color)
            .setTitle('Whitelist | API')
            .setDescription(res.data.message)
            .setTimestamp()
            .setFooter({
              text: 'Bot by: @EnteNico',
            });
           interaction.editReply({
            components: [],
            embeds: [embed],
          });
        });
    }
  });```

#

Try that?

rustic fjord Oct 22, 2022, 1:10 AM

#

now the select menu shows up again but the response is missing (interaction dont work because it takes too long)
like the same problem as before :/

cobalt karma Oct 22, 2022, 1:11 AM

#

So what are you actually trying to achieve? I am just trying to fix random stuff at this point KEKW

rustic fjord Oct 22, 2022, 1:14 AM

#

jeah i saw this
well its simple

Command with user option
open a select menu
the selct menu returns a value to a api

At the moment it seems to take to loong for the api to make a respone and the edit reply get cancelled

(im also just trying to fix that by a nearly comleted recode because the original dude have messy code that didnt really worked)

cobalt karma Oct 22, 2022, 1:17 AM

#

So when the user gets the menu (drop down), and they select an option, what are you wanting the bot to do? Remove the menu and replace it with a message?

rustic fjord Oct 22, 2022, 1:18 AM

#

replace the menu with a embed that shows the error or a success

cobalt karma Oct 22, 2022, 1:22 AM

#

await interaction.deferReply({ ephemeral: true });
const row = new ActionRowBuilder().addComponents(
            new SelectMenuBuilder()
              .setCustomId('server_select')
              .setPlaceholder('Select a server')
              .addOptions(SERVER)
              )
await interaction.editReply({ components: [row] });
    },
};


client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
    if (interaction.customId === 'server_select') {
      await interaction.message.delete()
      await wait(2000);
      const server = interact.values[0];

      await axios
        .post(`${API_BASE_URL}/api/whitelist`, {
          user: target.id,
          userName: target.username,
          server: server,
        })
        .then(res => {
          const embed = new EmbedBuilder()
            .setColor(res.data.color)
            .setTitle('Whitelist | API')
            .setDescription(res.data.message)
            .setTimestamp()
            .setFooter({
              text: 'Bot by: @EnteNico',
            });
           interaction.channel.send({
            components: [],
            embeds: [embed],
          });
        });
    }
  });```

Will something like that do?

#

All I did there was deleted the original message and then sent the embed afterwards.

rustic fjord Oct 22, 2022, 1:22 AM

#

on my way

#

just failed
also no error

rustic fjord Oct 22, 2022, 1:24 AM

#

cobalt karma All I did there was deleted the original message and then sent the embed afterwa...

Jeah saw that
Maiby, it's not even the timeout that's the problem.
but I have no idea what else could be the problem

cobalt karma Oct 22, 2022, 1:26 AM

#

rustic fjord just failed also no error

Try removing the ephemeral: true

#

From the deferreply

rustic fjord Oct 22, 2022, 1:27 AM

#

same issue but the dropdown is now visible for everyone

cobalt karma Oct 22, 2022, 1:28 AM

#

When is the error occuring? the second you use the slash command?

rustic fjord Oct 22, 2022, 1:29 AM

#

i use the slash command
dropdown show up
choose option from the dropdown
interaction failed

cobalt karma Oct 22, 2022, 1:30 AM

#

No errors in console?

rustic fjord Oct 22, 2022, 1:30 AM

#

none just starting (dont added start log /message because im lazy)

cobalt karma Oct 22, 2022, 1:31 AM

#

Ok so add a log under if (interaction.customId === 'server_select') { and see if it get's into that part of your code

rustic fjord Oct 22, 2022, 1:34 AM

#

cobalt karma Ok so add a log under `if (interaction.customId === 'server_select') {` and see ...

it dont get in

cobalt karma Oct 22, 2022, 1:35 AM

#

rustic fjord it dont get in

Change this part:

client.on('interactionCreate', async interaction => {
    if (!interaction.isSelectMenu()) return;
    if (interaction.customId === 'server_select') {
      console.log(`I'm here!`)
      await interaction.message.delete()
      await wait(2000);
      const server = interact.values[0];

      await axios
        .post(`${API_BASE_URL}/api/whitelist`, {
          user: target.id,
          userName: target.username,
          server: server,
        })
        .then(res => {
          const embed = new EmbedBuilder()
            .setColor(res.data.color)
            .setTitle('Whitelist | API')
            .setDescription(res.data.message)
            .setTimestamp()
            .setFooter({
              text: 'Bot by: @EnteNico',
            });
           interaction.channel.send({
            components: [],
            embeds: [embed],
          });
        });
    }
  });```

rustic fjord Oct 22, 2022, 1:36 AM

#

same as before (i add the console log there too)

cobalt karma Oct 22, 2022, 1:38 AM

#

Does it log anything though?

#

The log will tell you if it's getting to that part of the program

#

So does it say I'm here! in your console

rustic fjord Oct 22, 2022, 1:40 AM

#

cobalt karma So does it say `I'm here!` in your console

nope it stays right here
https://Chaosfelix.monarchuploader.de/bMnf7LVJKeYq/WinSCP_24DqFm8jvq

Upload von Felix

Hochgeladenes Bild/Datei

Hochgeladen von Chaosfelix

cobalt karma Oct 22, 2022, 1:43 AM

#

I can't understand why it won't get to the log I added...

#

hmmm

rustic fjord Oct 22, 2022, 1:43 AM

#

this is the reason why im ehre
i dont understand it too
but i think i go to sleep now and try again tomorrow
nealy 4am now

cobalt karma Oct 22, 2022, 1:44 AM

#

Yeah do that, have a good one 👍

rustic fjord Oct 22, 2022, 8:43 PM

#

cobalt karma Yeah do that, have a good one 👍

well back again
same problem as befroe just want to ask if this is normal
just logged the the interaction (dropdown menu) and it dont display the custom id

cobalt karma Oct 22, 2022, 8:51 PM

#

rustic fjord well back again same problem as befroe just want to ask if this is normal just l...

Where is the interactionCreate event listener being placed? is it in your index.js file? Or is it within a command file?

rustic fjord Oct 22, 2022, 8:55 PM

#

cobalt karma Where is the `interactionCreate` event listener being placed? is it in your inde...

should be in the index.js

cobalt karma Oct 22, 2022, 8:58 PM

#

rustic fjord should be in the index.js

Yeah so you need to add it in that file there so instead of having the if(!interaction.IsChatInputCommand()) return line, you can make it an if/else chain so for example:

if(interaction.IsChatInputCommand()){
  //do chat input things
} else if(interaction.IsSelectMenu()) {
  //do those things here
}```

#

See what I am saying?

rustic fjord Oct 22, 2022, 8:59 PM

#

yes
but im not sure what you mean with
//do chat input things

#

client.on(Events.InteractionCreate, async interaction => {
  if(interaction.IsChatInputCommand()){
    return
    
  } else if(interaction.IsSelectMenu()) {
    if (interaction.customId === 'server_select') {
      console.log(`I'm here!`)

because just like this nothing changed

or do you mean in the index.js?

cobalt karma Oct 22, 2022, 9:04 PM

#

So for example:

if(interaction.IsChatInputCommand()){
  //all the stuff above that is already in the event
} else if(interaction.IsSelectMenu()) {
  //the things you are trying to do now
  if(interaction.customId === 'server_select){
  }
}```

#

I am not writing it all out that would take a while KEKW

rustic fjord Oct 22, 2022, 9:05 PM

#

wait im confused are we now in the command or in the index waitWhat

cobalt karma Oct 22, 2022, 9:05 PM

#

So you have 2 places you have client.on('interactionCreate', right?

#

One is in index.js

#

the other is in a command file

rustic fjord Oct 22, 2022, 9:06 PM

#

yes

#

Thonk

cobalt karma Oct 22, 2022, 9:06 PM

#

What I am saying,is move it all into the index.js one

#

You don't need 2

#

It's global, so you only need 1 of them.

#

Even better if you have an event handler you could have it in a seperate file.

rustic fjord Oct 22, 2022, 9:08 PM

#

so i shoould move this stuff to the index or just remove the ```js

client.on(Events.InteractionCreate, async interaction => {
if(interaction.IsChatInputCommand()){
return

} else if(interaction.IsSelectMenu()) { ```

#

cobalt karma Oct 22, 2022, 9:09 PM

#

Exactly!

#

You are getting it

#

All needs to be in the index.js file

rustic fjord Oct 22, 2022, 9:09 PM

#

not 100% just giv e me tha last % XD
i just try both otions 🙂

cobalt karma Oct 22, 2022, 9:10 PM

#

You have it I think? have you tried it now?

rustic fjord Oct 22, 2022, 9:11 PM

#

im on my way like im a bit confused if i just remove this stuff


client.on(Events.InteractionCreate, async interaction => {
 if(interaction.IsChatInputCommand()){
   return
   
 } else if(interaction.IsSelectMenu()) { ```

Or if i need to move everything to index.js

but i get the point ![blobsweats](https://cdn.discordapp.com/emojis/358336932343840769.webp?size=128 "blobsweats")

cobalt karma Oct 22, 2022, 9:11 PM

#

Only thing you need to do is in the ```js
if(interaction.IsChatInputCommand()){

}```

You need to add the stuff that was in there before like the const command = stuff. That was your command handling code.

#

All you are doing is merging the stuff from the 2 into 1 event listener

rustic fjord Oct 22, 2022, 9:18 PM

#

getting really brainafk with this (i need to translate it and use it in my brain get really difficult to understnad hot to move everything like you tried to erxplain there because its not clear for me which files you add or edit stuff in could be simply a language barrier just give me a few min)

#

madThoonk blobsweats

#

brain working really hard right now XD

#

not sure if its not already smoking or in flames

cobalt karma Oct 22, 2022, 9:21 PM

#

Your not removing any files

#

Basically, you where you are creating the select menu with the command, you don't need the interactionCreate event in there.

#

Move it out, into your one that is in index.js

rustic fjord Oct 22, 2022, 9:21 PM

#

jeah thats clear i need to edit the index.js to contain the event listener

#

jeah ok

cobalt karma Oct 22, 2022, 9:24 PM

#

Why I am saying this:

if(interaction.IsChatInputCommand()){
  //all the stuff above that is already in the event
} else if(interaction.IsSelectMenu()) {
  //the things you are trying to do now
  if(interaction.customId === 'server_select){
  }
}```
is because everything that was in your index.js before you made the changes, needs to go inside the `IsChatInputCommand()` if statement. Like so:
```js
if(interaction.IsChatInputCommand()){
  const command = client.commands.get() //etc etc
}``` and inside the `IsSelectMenu()` elseif statement you need the stuff you are trying to do now with the `customId's` and all that.

rustic fjord Oct 22, 2022, 9:27 PM

#

now i add this (the chat input command)
https://Chaosfelix.monarchuploader.de/DmWHydZOcQmb/Code_0TmJ38qDza

And than i have added the stuff with the custom id
https://Chaosfelix.monarchuploader.de/wEnpr9RNFVcc/Code_Yg1bhgwn66

Upload von Felix

Hochgeladenes Bild/Datei

Hochgeladen von Chaosfelix

Upload von Felix

Hochgeladenes Bild/Datei

Hochgeladen von Chaosfelix

cobalt karma Oct 22, 2022, 9:28 PM

#

Paste that part of the code here

rustic fjord Oct 22, 2022, 9:28 PM

#

here?

cobalt karma Oct 22, 2022, 9:29 PM

#

yeah

#

I can fix it for you

#

then you can have a read and understand

rustic fjord Oct 22, 2022, 9:30 PM

#

ok waht do yiu need ?
index and command file or just the indey file?

#

pikaOh

cobalt karma Oct 22, 2022, 9:30 PM

#

Just everything that is inside the client.on('interactionCreate'

rustic fjord Oct 22, 2022, 9:31 PM

#


client.on('interactionCreate', async interaction =>
{
    if (!interaction.isChatInputCommand()) return;

    const command = client.commands.get(interaction.commandName);

    if (!command) return;

    if(interaction.IsChatInputCommand()){
        return
        
      } else if(interaction.IsSelectMenu()) { 
        if (interaction.customId === 'server_select') {
            console.log(`I'm here!`)
            await interaction.message.delete()
            await wait(2000);
            const server = interact.values[0];
        
            await axios
              .post(`${API_BASE_URL}/api/whitelist`, {
                user: target.id,
                userName: target.username,
                server: server,
              })
              .then(res => {
                const embed = new EmbedBuilder()
                  .setColor(res.data.color)
                  .setTitle('Whitelist | API')
                  .setDescription(res.data.message)
                  .setTimestamp()
                  .setFooter({
                    text: 'Bot by: @EnteNico',
                  });
                interaction.channel.send({
                  components: [],
                  embeds: [embed],
                });
              });
          }
      }
    try
    {
        await command.execute(interaction);
    } catch (error)
    {
        console.error(error);
        await interaction.reply({ content: 'There was an error while executing this command!', ephemeral: true });
    }
});

cobalt karma Oct 22, 2022, 9:34 PM

#

client.on('interactionCreate', async interaction =>
{
    if(interaction.IsChatInputCommand()){
        const command = client.commands.get(interaction.commandName);
        if (!command) return;

        
        try {
            await command.execute(interaction);
        } catch (error) {
            console.error(error);
            await interaction.reply({ content: 'There was an error while executing this command!', ephemeral: true });
        }
      } else if(interaction.IsSelectMenu()) { 
        if (interaction.customId === 'server_select') {
            console.log(`I'm here!`)
            await interaction.message.delete()
            await wait(2000);
            const server = interact.values[0];
        
            await axios
              .post(`${API_BASE_URL}/api/whitelist`, {
                user: target.id,
                userName: target.username,
                server: server,
              })
              .then(res => {
                const embed = new EmbedBuilder()
                  .setColor(res.data.color)
                  .setTitle('Whitelist | API')
                  .setDescription(res.data.message)
                  .setTimestamp()
                  .setFooter({
                    text: 'Bot by: @EnteNico',
                  });
                interaction.channel.send({
                  components: [],
                  embeds: [embed],
                });
              });
          }
      }
});```

#

That should work

#

Because you are saying:

Right, if it's a command then do the command stuff, else if it's a select menu interaction do this stuff here.

rustic fjord Oct 22, 2022, 9:36 PM

#

poggies
jeah make sence

cobalt karma Oct 22, 2022, 9:36 PM

#

Make sure you removed the interactionCreate from your command file where the 2nd one was

rustic fjord Oct 22, 2022, 9:42 PM

#

#

uhm

cobalt karma Oct 22, 2022, 9:43 PM

#

Lowercase I at the beginning of isChatInputCommand sorry that was my fault

rustic fjord Oct 22, 2022, 9:43 PM

#

jeah all good
didnt saw that too first

#

ah finally POGGERS
understood most if thank you
ive got in to code to this point
(thats now the issue that we are in another file)
at this point i have a small problem that the target is not set at this point because its in the whitelist command
https://Chaosfelix.monarchuploader.de/JGy2R3F5G3rQ/Code_wAOE9yXynM

Upload von Felix

Hochgeladenes Bild/Datei

Hochgeladen von Chaosfelix

cobalt karma Oct 22, 2022, 9:49 PM

#

What is target though?

rustic fjord Oct 22, 2022, 9:50 PM

#

the user that is in the user option of the commandhttps://Chaosfelix.monarchuploader.de/Dh6FXgIhLbsB/Code_gQ1EObFK5l

Upload von Felix

Hochgeladenes Bild/Datei

Hochgeladen von Chaosfelix

cobalt karma Oct 22, 2022, 9:53 PM

#

Bare with me

#

Your going to have to re-work your code in order to use target.

#

You'll need to use a messageComponent collector.

#

Take a look at this:
https://discordjs.guide/popular-topics/collectors.html#basic-message-component-collector

#

It's the last bit of information.

#

It'll be hard work but it'll be worth it in the end.

#

You can use that message collector inside of the command file you have for the select menu

rustic fjord Oct 22, 2022, 9:57 PM

#

well i looked over google could be much more simple by a module export.
going to try that first maiby it work if not i look in the message Component

cobalt karma Oct 22, 2022, 9:58 PM

#

Best of luck! I hope it works for you!

rustic fjord Oct 22, 2022, 10:00 PM

#

jeah just trying to fix some stuff to get slowly more into js what happens i fall into the deep
So a really big thank to you for helping me with the most annoying problem im going to look throught the docs now

#

i_couldnt_finish_the_project