Modal collecting two responses

Gykas · 2024-07-17T07:48:28.642Z

I'm coding a bot with discord.js and I would like to prevent my bot from collecting two responses to a modal because we have no way of knowing if the user has canceled his first response and therefore if he completes a second response, it will satisfy the filter of the two interactions and the response will be processed twice. To solve this I had thought of adding the interaction token in the filter to collect the unique response linked to the interaction. How to add the token in the filter?

D

d.js toolkit•7/17/24, 7:48 AM

What's your exact discord.js

npm list discord.js

npm list discord.js

and node

node -v

node -v

version?

Not a discord.js issue? Check out #other-js-ts.
Consider reading #how-to-get-help to improve your question!
Explain what exactly your issue is.
Post the full error stack trace, not just the top part!
Show your code!
Issue solved? Press the button!

T

treble/luna•7/17/24, 7:50 AM

just use the interaction id

G

GykasOP•7/17/24, 7:52 AM

so i have to compare the ids of which interactions? do you have an example?

G

GykasOP•7/17/24, 7:52 AM

because I thought the id inherited from the slash command and therefore would be the same for both my submits

T

treble/luna•7/17/24, 7:53 AM

no id will ever be the same

T

treble/luna•7/17/24, 7:53 AM

Each time you use a slash command it will have a different id

T

treble/luna•7/17/24, 7:53 AM

interaction id that is

G

GykasOP•7/17/24, 7:53 AM

yeah but in this case, it's the same command for both submits

G

GykasOP•7/17/24, 7:53 AM

so i will have the same id ?

T

treble/luna•7/17/24, 7:53 AM

no

G

GykasOP•7/17/24, 7:54 AM

okk

G

GykasOP•7/17/24, 7:54 AM

mb

G

GykasOP•7/17/24, 7:54 AM

so i compare the id of the interaction and the id of the parent interaction ?

T

treble/luna•7/17/24, 7:54 AM

you store the interaction id in the customId of the modal

G

GykasOP•7/17/24, 7:56 AM

and

const filter = (int) => int.customId === interaction.id

const filter = (int) => int.customId === interaction.id

const filter = (int) => int.customId === interaction.id

const filter = (int) => int.customId === interaction.id

G

GykasOP•7/17/24, 7:57 AM

await i.channel
      .awaitMessageComponent({
        filter,
        time: 30000,
      })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId("channel_modal")
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await i.channel
      .awaitMessageComponent({
        filter,
        time: 30000,
      })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId("channel_modal")
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await i.channel
      .awaitMessageComponent({
        filter,
        time: 30000,
      })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId("channel_modal")
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await i.channel
      .awaitMessageComponent({
        filter,
        time: 30000,
      })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId("channel_modal")
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

G

GykasOP•7/17/24, 7:57 AM

it's the second one the modal interaction

G

GykasOP•7/17/24, 7:58 AM

so basically just

.setCustomId(interaction.id)

.setCustomId(interaction.id)

.setCustomId(interaction.id)

.setCustomId(interaction.id)

T

treble/luna•7/17/24, 7:59 AM

those arent slash commands

G

GykasOP•7/17/24, 7:59 AM

and then my filter is

filter: (int) => int.customId === interaction.id

filter: (int) => int.customId === interaction.id

filter: (int) => int.customId === interaction.id

filter: (int) => int.customId === interaction.id

T

treble/luna•7/17/24, 7:59 AM

Those are components

D

d.js docsAPP•7/17/24, 7:59 AM

If you are waiting for button or select menu input from a specific message, don't create the collector on the channel.

Channel collectors return component interactions for any component within that channel.
```diff
<Channel>.createMessageComponentCollector(…)
<Message>.createMessageComponentCollector(…)
```

G

GykasOP•7/17/24, 7:59 AM

it's in a slash command and yeah its msg.awaitMessageComponent not i.channel

T

treble/luna•7/17/24, 8:00 AM

it quite literally is i.channel

G

GykasOP•7/17/24, 8:00 AM

yes but i changed it nvm

G

GykasOP•7/17/24, 8:01 AM

but otherwise the two other modifications that I made are correct?

G

GykasOP•7/17/24, 8:14 AM

await msg.awaitMessageComponent({ time: 30000 })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId(interaction.id)
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter: (int) => int.id === interaction.id,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await msg.awaitMessageComponent({ time: 30000 })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId(interaction.id)
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter: (int) => int.id === interaction.id,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await msg.awaitMessageComponent({ time: 30000 })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId(interaction.id)
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter: (int) => int.id === interaction.id,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

await msg.awaitMessageComponent({ time: 30000 })
      .then(async (interaction) => {
        const modalChannel = new ModalBuilder()
          .setCustomId(interaction.id)
          .setTitle("Modifier le salon de log");

        const channelInput = new TextInputBuilder()
          .setCustomId("channel_input")
          .setLabel("Nouveau salon")
          .setRequired(false)
          .setStyle(TextInputStyle.Short);

        const channelActionRow = new ActionRowBuilder().addComponents(
          channelInput
        );

        modalChannel.addComponents(channelActionRow);

        await interaction.showModal(modalChannel);

        await interaction
          .awaitModalSubmit({
            filter: (int) => int.id === interaction.id,
            time: 30000,
          })
          .then(async (int) => {
            await int.deferUpdate().catch(() => {});
            // ...

G

GykasOP•7/17/24, 8:14 AM

here is the final code

T

treble/luna•7/17/24, 9:13 AM

Compare the custom id

T

treble/luna•7/17/24, 9:13 AM

and put the interaction id in the modals custom id

Ttreble/luna Compare the custom id

G

GykasOP•7/17/24, 9:27 AM

with the interaction.id, that's what im doing no ?

T

treble/luna•7/17/24, 9:27 AM

no

T

treble/luna•7/17/24, 9:28 AM

interaction.id isnt the same as interaction.customId

G

GykasOP•7/17/24, 9:31 AM

So its int.customId ?

G

GykasOP•7/17/24, 9:31 AM

In my filtrer

G

GykasOP•7/17/24, 9:31 AM

And that’s it?

T

treble/luna•7/17/24, 9:33 AM

amd change the customid of your modal

G

GykasOP•7/17/24, 9:37 AM

Thats what I have done no ?

T

treble/luna•7/17/24, 9:47 AM

ah yeah, i looked at the textinput one

G

GykasOP•7/17/24, 9:53 AM

Ok so we are good I will test it soon thx for ur help !

Similar Threads

Similar Threads

Similar Threads