Modal submission help

I am trying to make a modal that asks for your minecraft username and then put it to the database. The modal opens successfully with my one field. But when I click submit it says interaction failed. I couldn't find something in the docs either. No errors in console.
The code: https://pastebin.com/BiURBb6R

Pastebin

const { QuickDB } = require('quick.db');const db = new QuickDB();co...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

d.js toolkit•3/7/24, 8:47 PM

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!
```
✅
```
```
✅
```
Marked as resolved by OP

monbrey•3/7/24, 8:58 PM

If it says it failed, you arent replying to the ModalSubmitInteraction

Mmonbrey If it says it failed, you arent replying to the ModalSubmitInteraction

AcemavieOP•3/7/24, 9:02 PM

so this should fix it?

if (!interaction.isModalSubmit()) return;
if (interaction.customId === 'signup_modal') {
await interaction.reply({ content: 'Your submission was received successfully!' });
}

monbrey•3/7/24, 9:08 PM

In theory yeah, if thats how/where you want to handle replying

Mmonbrey In theory yeah, if thats how/where you want to handle replying

AcemavieOP•3/7/24, 9:10 PM

That's werid casue it didn't still the same issue. I have absolutely no idea what I'm doing wrong

monbrey•3/7/24, 9:10 PM

Where are you actually handling the response from the modal?

monbrey•3/7/24, 9:10 PM

You must want to capture what they wrote

AcemavieOP•3/7/24, 9:11 PM

monbrey•3/7/24, 9:11 PM

Yeah just reply there

monbrey•3/7/24, 9:12 PM

You cant editReply that interaction, since you havent replied to it yet

d.js docsAPP•3/7/24, 9:12 PM

:method: ModalSubmitInteraction#update()
Updates the original message of the component on which the interaction was received on.

monbrey•3/7/24, 9:12 PM

This will probably do what you wanted

Mmonbrey This will probably do what you wanted

AcemavieOP•3/7/24, 9:15 PM

What am I doing wrong here?

monbrey•3/7/24, 9:15 PM

I dont know, what error are you getting

monbrey•3/7/24, 9:16 PM

Same one?

AcemavieOP•3/7/24, 9:16 PM

No error just this

AcemavieOP•3/7/24, 9:17 PM

I mean no error in console

AcemavieOP•3/7/24, 9:18 PM

This is the entire file if that helps
https://pastebin.com/0zY60dYQ

Pastebin

const { QuickDB } = require('quick.db');const db = new QuickDB();co...

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

monbrey•3/7/24, 9:19 PM

Is the collector even firing?

monbrey•3/7/24, 9:20 PM

Oh, you're using a message component collector

monbrey•3/7/24, 9:20 PM

Modals are not message components

monbrey•3/7/24, 9:20 PM

Thats why its not collecting it

AcemavieOP•3/7/24, 9:22 PM

How would I do it then?

monbrey•3/7/24, 9:24 PM

You can use a regular InteractionCollector, or awaitModalSubmit

Mmonbrey You can use a regular InteractionCollector, or awaitModalSubmit

AcemavieOP•3/7/24, 9:29 PM

why am I getting this error?
await ModalSubmitInteraction.reply("test")
^

TypeError: ModalSubmitInteraction.reply is not a function
at handleSignup (R:\Developer\Discord bots\Foxia\Foxia Events\src\utils\signup.js:33:34)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async InteractionCollector.<anonymous> (R:\Developer\Discord bots\Foxia\Foxia Events\src\Commands\Event\eventCreate.js:73:29)

Node.js v18.17.1

I added this await ModalSubmitInteraction.reply("test")

monbrey•3/7/24, 9:33 PM

Uhh because whatever that is, is not a ModalSubmitInteraction

AcemavieOP•3/7/24, 9:38 PM

I did something
interaction.awaitModalSubmit({ time: 60000, filter: (interaction) => interaction.isModalSubmit() && interaction.customId === 'signup_modal', })
.then(interaction => interaction.editReply('Thank you for your submission!'))
.catch(err => console.log('No modal submit interaction was collected'));

It says in the console no modal submit interaction was collected. and still the same error in the modal. What is missing here?

Mmonbrey Uhh because whatever that is, is not a ModalSubmitInteraction

AcemavieOP•3/7/24, 9:44 PM

Wait does this need to be a client.on?

monbrey•3/7/24, 9:44 PM

What does this have to do with the rest of your code

monbrey•3/7/24, 9:44 PM

Im so confused

AcemavieOP•3/7/24, 9:45 PM

I am trying to get the user provided info from the modal and a reply to the user so the error disappears. But nothing works

monbrey•3/7/24, 9:46 PM

You keep changing other parts of your code that aren't what I'm advising. Can you show your collector code currently?

AcemavieOP•3/7/24, 9:47 PM

Tried removing the collector code

monbrey•3/7/24, 9:48 PM

This isnt a collector

monbrey•3/7/24, 9:48 PM

Why did you remove it

monbrey•3/7/24, 9:48 PM

Or where is interaction coming from here

AcemavieOP•3/7/24, 9:49 PM

I have no idea at this point I am getting very very confused

monbrey•3/7/24, 9:52 PM

The pastebin you provided earlier was close to correct, except you used the wrong type of collector

monbrey•3/7/24, 9:53 PM

If you changed line 35 from creating a message component collector to const submit = await interaction.awaitModalSubmit({ filter, time })const submit = await interaction.awaitModalSubmit({ filter, time }) etc, it would probably be fine

monbrey•3/7/24, 9:53 PM

Then submit.options.getTextInputValuesubmit.options.getTextInputValue etc

AcemavieOP•3/7/24, 9:56 PM

This error now:
submit.on('collect', async (interaction) => {
^

TypeError: submit.on is not a function
at handleSignup (R:\Developer\Discord bots\Foxia\Foxia Events\src\utils\signup.js:37:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async InteractionCollector.<anonymous> (R:\Developer\Discord bots\Foxia\Foxia Events\src\Commands\Event\eventCreate.js:73:29)

Node.js v18.17.1

monbrey•3/7/24, 9:57 PM

Never told you to do that

d.js docsAPP•3/7/24, 9:57 PM

:guide: Popular Topics: Collectors - Interaction collectors > Await modal submit
If you want to wait for the submission of a modal within the context of another command or button execution, you may find the promisified collector CommandInteraction#awaitModalSubmit()open in new window useful.
read more

AcemavieOP•3/7/24, 9:59 PM

Then collector.on is a undefined variable

monbrey•3/7/24, 10:00 PM

Yeah because it isnt, this isnt a collector, it awaits one modal submission

monbrey•3/7/24, 10:00 PM

submit is the interaction

monbrey•3/7/24, 10:01 PM

You also need to put your actual filter and time variable options in there, not copy paste what I did exactly

AcemavieOP•3/7/24, 10:01 PM

So I'd remove this?

monbrey•3/7/24, 10:02 PM

And fix your filter/time options yeah

AcemavieOP•3/7/24, 10:02 PM

and replace interaction.reply with submit.reply?

Modal submission help

Similar Threads

Similar Threads

Similar Threads