April/commands/setup/setupcommands/panels.mjs

import { ButtonStyle, EmbedBuilder, StringSelectMenuBuilder, ActionRowBuilder, ButtonBuilder } from 'discord.js';
export default {
    async execute(interaction, client) {
        await interaction.deferReply({
            ephemeral: true
        });
        const channel = interaction.options.getChannel('channel');
        switch (interaction.options.getString('type')) {
            case 'rolereact':
                const rolereactEMBED = new EmbedBuilder()
                    .setAuthor({
                        name: "Art'Portal"
                    })
                    .setTitle("Choisissez vos rôles/Choose your roles")
                    .setDescription("Cliquez sur les boutons pour choisir les rôles correspondant à vos choix\nClick on the buttons in order to choose the roles you want")
                    .setColor(`#7961fd`);
                await channel.send({
                    embeds: [
                        rolereactEMBED
                    ],
                    components: [
                        new ActionRowBuilder()
                            .addComponents([
                                new ButtonBuilder()
                                    .setCustomId("getrole_genre")
                                    .setLabel("Pronoms/Pronouns")
                                    .setStyle(ButtonStyle.Primary)
                                    .setEmoji("👥"),
                                new ButtonBuilder()
                                    .setCustomId("getrole_hobbies")
                                    .setLabel("Hobbies/Hobbies")
                                    .setStyle(ButtonStyle.Primary)
                                    .setEmoji("♟️"),
                                new ButtonBuilder()
                                    .setCustomId("getrole_color")
                                    .setLabel("Couleur/Color")
                                    .setStyle(ButtonStyle.Primary)
                                    .setEmoji("🌈"),
                                new ButtonBuilder()
                                    .setCustomId("getrole_pings")
                                    .setLabel("Notifications/Pings")
                                    .setStyle(ButtonStyle.Primary)
                                    .setEmoji("📌")
                            ]),
                        new ActionRowBuilder()
                            .addComponents([
                                new ButtonBuilder()
                                    .setCustomId("getrole_list")
                                    .setLabel("Afficher vos rôles")
                                    .setStyle(ButtonStyle.Secondary)
                                    .setEmoji("📖"),
                            ])
                    ]
                });
                await interaction.editReply({
                    content: "Le panel de rolereact a bien été envoyé !",
                    ephemeral: true
                });
                break;

            case 'rolereactembed':
                await channel.send({
                    embeds: [
                        new EmbedBuilder()
                            .setAuthor({
                                name: "Art'Portal"
                            })
                            .setTitle("Présentation des rôles")
                            .setColor(`#7961fd`)
                            .setDescription("Les différents rôles que vous pouvez choisir sur Art'Portal sont listés ci-dessous")
                            .addFields(
                                { 
                                    name: "・Couleurs・",
                                    value: `<@&947490339848060968>\n<@&947490417245556796>\n<@&947490189096415273>\n<@&947490255311872000>\n<@&947496679580500008>\n<@&947485362610139196>\n<@&947489800330559510>`,
                                    inline: true
                                },
                                { 
                                    name: "・Pronoms・",
                                    value: `<@&769918743626252318>\n<@&768393897134784532>\n<@&772041733278007307>`,
                                    inline: true
                                },
                                { 
                                    name: "・Notifications・",
                                    value: `<@&768396461763067914>\n<@&784646468958945280>\n<@&774693756901392404>\n<@&770568527156346880>\n<@&770723703948181525>\n<@&799249307362131978>\n<@&847207140098572318>\n<@&955143137226010704>`,
                                    inline: true
                                },
                                { 
                                    name: "・Hobbies・",
                                    value: `<@&949745563824431124>\n<@&949746089987289128>\n<@&949746175920181278>\n<@&949746259898544229>\n<@&949746341754601502>\n<@&949746559019540511>\n<@&949746641764749324>\n<@&949746678519439370>`,
                                    inline: true
                                },
                            )
                    ]
                })
                await interaction.editReply({
                    content: "L'embed a bien été envoyé !",
                    ephemeral: true
                });
                break;

            case 'candidatures':
                await channel.send({
                    embeds: [ 
                        new EmbedBuilder()
                            .setAuthor({
                                name: "Art'Portal",
                            })
                            .setTitle("Candidatures")
                            .setDescription("Cliquez sur le bouton pour candidater pour entrer dans le staff / l'équipe d' artistes.")
                            .setColor(`#7961fd`)
                    ],
                    components: [
                        new ActionRowBuilder()
                            .addComponents([
                                new ButtonBuilder()
                                    .setCustomId("apply_staff")
                                    .setLabel("Candidature staff")
                                    .setStyle(ButtonStyle.Success)
                                    .setEmoji("🛠"),
                                new ButtonBuilder()
                                    .setCustomId("apply_artist")
                                    .setLabel("Candidature artiste")
                                    .setStyle(ButtonStyle.Success)
                                    .setEmoji("🖌️")
                            ])
                    ]
                })
                await interaction.editReply({
                    content: "Le panel de candidature a bien été envoyé !",
                    ephemeral: true
                });
                break;

            case 'sanctionembed':
                await channel.send({ components: [sanctionembedrow] });
                interaction.editReply({
                    content: "Document des sanctions envoyé !"
                })
                break;

            case 'albumphoto':
                channel.send({ components: [albumphotoembedrow] });
                interaction.editReply({
                    content: "Album photo d'April envoyé !"
                })
                break;
        }
    }
}

const sanctionembedrow = new ActionRowBuilder()
    .addComponents(
        new StringSelectMenuBuilder()
            .setCustomId('document_sanctions')
            .setPlaceholder('Navigateur')
            .addOptions([
                {
                    label: 'Page 1',
                    description: 'Couverture',
                    value: '0',
                },
                {
                    label: 'Page 2',
                    description: 'Notes',
                    value: '1',
                },
                {
                    label: 'Page 3',
                    description: 'Table des matières',
                    value: '2',
                },
                {
                    label: 'Page 4',
                    description: 'Articles 1 & 2',
                    value: '3',
                },
                {
                    label: 'Page 5',
                    description: 'Article 3',
                    value: '4',
                },
                {
                    label: 'Page 6',
                    description: 'Articles 4 & 5',
                    value: '5',
                },
                {
                    label: 'Page 7',
                    description: 'Articles 6 & 7',
                    value: '6',
                },
            ]),
    );
    
const albumphotoembedrow = new ActionRowBuilder()
    .addComponents(
        new StringSelectMenuBuilder()
            .setCustomId('document_albumphoto')
            .setPlaceholder('Navigateur')
            .addOptions([
                {
                    label: 'Page 1',
                    description: 'April - Cool',
                    value: '0',
                },
                {
                    label: 'Page 2',
                    description: 'April - Couteau',
                    value: '1',
                },
                {
                    label: 'Page 3',
                    description: 'April - Dodo',
                    value: '2',
                },
                {
                    label: 'Page 4',
                    description: 'April - Mais',
                    value: '3',
                },
                {
                    label: 'Page 5',
                    description: 'April - Peur',
                    value: '4',
                },
                {
                    label: 'Page 6',
                    description: 'April - Sueur',
                    value: '5',
                },
                {
                    label: 'Page 7',
                    description: 'April - Triste',
                    value: '6',
                },
                {
                    label: 'Page 8',
                    description: 'April - Wouah',
                    value: '7',
                },
                {
                    label: 'Page 9',
                    description: 'April - Bienvenue',
                    value: '8',
                },
                {
                    label: 'Page 10',
                    description: 'April - Cool (2)',
                    value: '9',
                },
            ]),
    );