Using Buttons Properly

Hello šŸ‘‹

So I am creating a staff application Modal, I haven't actually gotten to the modal part of things yet tho ahaha

You can find my current file structure attached in an image
const {
  SlashCommandBuilder,
  EmbedBuilder,
  PermissionFlagsBits,
  Interaction,
  ActionRowBuilder,
  ButtonBuilder,
  ButtonStyle,
} = require("discord.js");

module.exports = {
  data: new SlashCommandBuilder()
    .setName("staffapp")
    .setDescription("Send the staff application message")
    .setDefaultMemberPermissions(PermissionFlagsBits.Administrator),

  /**
   * @param {Interaction} interaction
   */
  async execute(interaction) {
    const applicationEmbed = new EmbedBuilder()
      .setColor("Blue")
      .setTitle("Want to apply for staff?")
      .setDescription(
        "We'll just need to grab some information from you before we begin. Don't worry, this will just take a second!"
      )
      .setFooter({ text: "Click the button below to begin!" });

    const start = new ButtonBuilder()
      .setCustomId("start-application")
      .setLabel("Apply for staff")
      .setStyle(ButtonStyle.Primary);

    const row = new ActionRowBuilder().addComponents(start);

    await interaction.channel.send({
      embeds: [applicationEmbed],
      components: [row],
    });
  },
};


This is the staffapp.js file

```
const { Events, Interaction } = require("discord.js");
image.png
Was this page helpful?