const { SlashCommandBuilder, ActionRowBuilder, ModalBuilder, TextInputBuilder, TextInputStyle, ModalSubmitFields } = require('discord.js');

module.exports = {
    data: new SlashCommandBuilder()
        .setName('modal')
        .setDescription('Shows a modal'),
    async execute(interaction) {
        try {
            const modal = new ModalBuilder()
                .setCustomId('modal')
                .setTitle('Modal Title');

            const favoriteColorInput = new TextInputBuilder()
                .setCustomId('favoriteColorInput')
                .setLabel("What's your favorite color?")
                .setStyle(TextInputStyle.Short)
                .setRequired(true);

            const hobbiesInput = new TextInputBuilder()
                .setCustomId('hobbiesInput')
                .setLabel("What's some of your favorite hobbies?")
                .setStyle(TextInputStyle.Paragraph)
                .setRequired(true);

            const firstActionRow = new ActionRowBuilder().addComponents(favoriteColorInput);
            const secondActionRow = new ActionRowBuilder().addComponents(hobbiesInput);

            modal.addComponents(firstActionRow, secondActionRow);

            await interaction.showModal(modal);
            
            await interaction.submitModal(modal)

        }
        catch (error) {
            console.log(error)
        }
    }
}

const { SlashCommandBuilder, ActionRowBuilder, ModalBuilder, TextInputBuilder, TextInputStyle, ModalSubmitFields } = require('discord.js');

module.exports = {
    data: new SlashCommandBuilder()
        .setName('modal')
        .setDescription('Shows a modal'),
    async execute(interaction) {
        try {
            const modal = new ModalBuilder()
                .setCustomId('modal')
                .setTitle('Modal Title');

            const favoriteColorInput = new TextInputBuilder()
                .setCustomId('favoriteColorInput')
                .setLabel("What's your favorite color?")
                .setStyle(TextInputStyle.Short)
                .setRequired(true);

            const hobbiesInput = new TextInputBuilder()
                .setCustomId('hobbiesInput')
                .setLabel("What's some of your favorite hobbies?")
                .setStyle(TextInputStyle.Paragraph)
                .setRequired(true);

            const firstActionRow = new ActionRowBuilder().addComponents(favoriteColorInput);
            const secondActionRow = new ActionRowBuilder().addComponents(hobbiesInput);

            modal.addComponents(firstActionRow, secondActionRow);

            await interaction.showModal(modal);
            
            await interaction.submitModal(modal)

        }
        catch (error) {
            console.log(error)
        }
    }
}

if (interaction.isButton()) {
      const button = interaction.client.buttons.get(interaction.customId);
      if (!button) {
        console.error(`No button matching ${interaction.customId} was found.`);
        return;
      }
      try {
        await button.execute(interaction);
      } catch (error) {
        console.error(
          `Error executing button interaction with customId: ${interaction.customId}`
        );
        console.error(error);
      }

if (interaction.isButton()) {
      const button = interaction.client.buttons.get(interaction.customId);
      if (!button) {
        console.error(`No button matching ${interaction.customId} was found.`);
        return;
      }
      try {
        await button.execute(interaction);
      } catch (error) {
        console.error(
          `Error executing button interaction with customId: ${interaction.customId}`
        );
        console.error(error);
      }