discord.js - Imagine a boo! 👻•4mo ago

Modal collecting two responses

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?

24 Replies

d.js toolkit•4mo ago

- What's your exact discord.js npm list discord.js and node 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!

treble/luna•4mo ago

just use the interaction id

Gykas•4mo ago

so i have to compare the ids of which interactions? do you have an example? because I thought the id inherited from the slash command and therefore would be the same for both my submits

treble/luna•4mo ago

no id will ever be the same Each time you use a slash command it will have a different id interaction id that is

Gykas•4mo ago

yeah but in this case, it's the same command for both submits so i will have the same id ?

treble/luna•4mo ago

Gykas•4mo ago

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

treble/luna•4mo ago

you store the interaction id in the customId of the modal

Gykas•4mo ago

and

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

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

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(() => {});
            // ...

it's the second one the modal interaction so basically just .setCustomId(interaction.id)

treble/luna•4mo ago

those arent slash commands

Gykas•4mo ago

and then my filter is filter: (int) => int.customId === interaction.id

treble/luna•4mo ago

Those are components

d.js docs•4mo ago

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.

- <Channel>.createMessageComponentCollector(…)
+ <Message>.createMessageComponentCollector(…)

- <Channel>.createMessageComponentCollector(…)
+ <Message>.createMessageComponentCollector(…)

Gykas•4mo ago

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

treble/luna•4mo ago

it quite literally is i.channel

Gykas•4mo ago

yes but i changed it nvm but otherwise the two other modifications that I made are correct?

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(() => {});
            // ...