Discord Button Interaction

discord-button-example.ts

import { ActionRowBuilder, ButtonBuilder, ButtonStyle, CommandInteraction, ComponentType } from 'discord.js'

export const execute = async (interaction: CommandInteraction): Promise<void> => {
  const buttons = new ActionRowBuilder<ButtonBuilder>()
    .addComponents(new ButtonBuilder().setCustomId('ok').setLabel('Ok').setStyle(ButtonStyle.Primary))
    .addComponents(new ButtonBuilder().setCustomId('cancel').setLabel('Cancel').setStyle(ButtonStyle.Secondary))

  const message = await interaction.reply({ content: 'Run Sample?', components: [buttons] })

  try {
    const btnInteraction = await message.awaitMessageComponent({
      componentType: ComponentType.Button,
      time: 60 * 1000, // 1 minute
    })

    if (btnInteraction.customId === 'ok') {
      await interaction.editReply({ content: 'You replied: Ok', components: [] })
    } else {
      await interaction.editReply({ content: 'Cancelled', components: [] })
    }
  } catch (error) {
    if (error.code === 'InteractionCollectorError') {
      await interaction.editReply({ content: 'Timed Out', components: [] })
    }
  }
}