Topics

discord.js - Imagine an app•2y ago

Select menu emojis

https://media.discordapp.net/attachments/1094668346189951020/1094694931911692369/image.png How can I make emojis for select menus like that?

43 Replies

d.js toolkit•2y ago

• What's your exact discord.js npm list discord.js and node node -v version? • Post the full error stack trace, not just the top part! • Show your code! • Explain what exactly your issue is. • Not a discord.js issue? Check out #useful-servers.

probablyraging•2y ago

StringSelectMenuBuilder#addOptions method using emoji property

d.js docs•2y ago

method

StringSelectMenuBuilder#addOptions() Adds options to this select menu

MarcusOP•2y ago

does .setEmoji for menu selecter work? O.o

probablyraging•2y ago

No, you need to the the emoji property of StringSelectMenuBuilder#addOptions() as I mentioned addOptions takes an REST object like

{
  label: string,
  value: string,
  emoji: APIMessageComponentEmoji
}

{
  label: string,
  value: string,
  emoji: APIMessageComponentEmoji
}

MarcusOP•2y ago

I don't understand. Im sorry.

probablyraging•2y ago

What don't you understand? How are you adding option to your select menu currently? Show code

MarcusOP•2y ago

I think I got it. Can you try check my other question? https://discord.com/channels/222078108977594368/1094396589184913418 😄

probablyraging•2y ago

It's already been answered, use the messageCreate event instead of the deprecated message event

MarcusOP•2y ago

Alright Can I use custom server emotes in the emote thing

MarcusOP•2y ago

MarcusOP•2y ago

like example <diamondemote:1285883286883286> Am I able to do something like that

probablyraging•2y ago

Only the emoji ID is needed for the emoji value

MarcusOP•2y ago

Thx bro ❤️

probablyraging•2y ago

<diamondemote:1285883286883286> that part np

MarcusOP•2y ago

I have no clue how to fix the message thing

probablyraging•2y ago

The event?

MarcusOP•2y ago

ye..

probablyraging•2y ago

client.on('messageCreate`, ...

client.on('messageCreate`, ...

MarcusOP•2y ago

and then it should work?

probablyraging•2y ago

Yes

MarcusOP•2y ago

This is alright?

MarcusOP•2y ago

probablyraging•2y ago

Looks good

MarcusOP•2y ago

client.on("messageCreate", async message => {

    
    const spooferEmbed = new EmbedBuilder()
        .setColor('#147df5')
        .setTitle('Bubble Sp00fer')
        .setDescription('**Prices**\n\n> 1x Week / 10€\n> 1x Month / 15€\n> Lifetime / 20€')
        .setThumbnail('https://media.discordapp.net/attachments/1055568148281163818/1088178678170669106/bubble.png')
        .setImage('https://media.discordapp.net/attachments/1055568148281163818/1088176997127176303/bubble_banner.png')

    const channel = await client.channels.fetch('1092194462295404694');
    channel.send({ embeds: [spooferEmbed] });

})

client.on("messageCreate", async message => {

    
    const spooferEmbed = new EmbedBuilder()
        .setColor('#147df5')
        .setTitle('Bubble Sp00fer')
        .setDescription('**Prices**\n\n> 1x Week / 10€\n> 1x Month / 15€\n> Lifetime / 20€')
        .setThumbnail('https://media.discordapp.net/attachments/1055568148281163818/1088178678170669106/bubble.png')
        .setImage('https://media.discordapp.net/attachments/1055568148281163818/1088176997127176303/bubble_banner.png')

    const channel = await client.channels.fetch('1092194462295404694');
    channel.send({ embeds: [spooferEmbed] });

})

It didn't send the message to the channel.. :/

probablyraging•2y ago

What intents are you using? You need the Guilds and GuildMessages intents

MarcusOP•2y ago

Alright, I only had the Guilds

const client = new Client({ intents: ["Guilds", "Guild", "GuildMessages"] });

const client = new Client({ intents: ["Guilds", "Guild", "GuildMessages"] });

Good?

probablyraging•2y ago

You only needs Guilds not Guild, and you should be using the GatewayIntentBits enum instead of a string

MarcusOP•2y ago

It didn't send it This is my full index file

const { Client, GatewayIntentBits, Collection, Events, EmbedBuilder, PermissionsBitField, Permissions, MessageManager, Embed } = require("discord.js");
const client = new Client({
    intents: [
        GatewayIntentBits.Guilds,
        GatewayIntentBits.GuildMessages,
        GatewayIntentBits.MessageContent,
        GatewayIntentBits.GuildMembers,
    ],
});
const fs = require('fs');

client.commands = new Collection();

client.config = require("./config.json");

const functions = fs.readdirSync("./functions").filter(file => file.endsWith(".js"));
const eventFiles = fs.readdirSync("./events").filter(file => file.endsWith(".js"));
const commandFolders = fs.readdirSync("./commands");

(async () => {
    for (file of functions) {
        require(`./functions/${file}`)(client);
    }
    client.handleEvents(eventFiles, "./events");
    client.handleCommands(commandFolders, "./commands");

})();


client.on("messageCreate", async message => {

    
    const spooferEmbed = new EmbedBuilder()
        .setColor('#147df5')
        .setTitle('Bubble Sp00fer')
        .setDescription('**Prices**\n\n> 1x Week / 10€\n> 1x Month / 15€\n> Lifetime / 20€')
        .setThumbnail('https://media.discordapp.net/attachments/1055568148281163818/1088178678170669106/bubble.png')
        .setImage('https://media.discordapp.net/attachments/1055568148281163818/1088176997127176303/bubble_banner.png')

    const channel = await client.channels.fetch('1092194462295404694');
    channel.send({ embeds: [spooferEmbed] });

})

client
    .login(client.config.token)
    .then(() => {
        console.log(`Cliend logged in as ${client.user.username}`)
        client.user.setActivity(`Support`)


    })

const { Client, GatewayIntentBits, Collection, Events, EmbedBuilder, PermissionsBitField, Permissions, MessageManager, Embed } = require("discord.js");
const client = new Client({
    intents: [
        GatewayIntentBits.Guilds,
        GatewayIntentBits.GuildMessages,
        GatewayIntentBits.MessageContent,
        GatewayIntentBits.GuildMembers,
    ],
});
const fs = require('fs');

client.commands = new Collection();

client.config = require("./config.json");

const functions = fs.readdirSync("./functions").filter(file => file.endsWith(".js"));
const eventFiles = fs.readdirSync("./events").filter(file => file.endsWith(".js"));
const commandFolders = fs.readdirSync("./commands");

(async () => {
    for (file of functions) {
        require(`./functions/${file}`)(client);
    }
    client.handleEvents(eventFiles, "./events");
    client.handleCommands(commandFolders, "./commands");

})();


client.on("messageCreate", async message => {

    
    const spooferEmbed = new EmbedBuilder()
        .setColor('#147df5')
        .setTitle('Bubble Sp00fer')
        .setDescription('**Prices**\n\n> 1x Week / 10€\n> 1x Month / 15€\n> Lifetime / 20€')
        .setThumbnail('https://media.discordapp.net/attachments/1055568148281163818/1088178678170669106/bubble.png')
        .setImage('https://media.discordapp.net/attachments/1055568148281163818/1088176997127176303/bubble_banner.png')

    const channel = await client.channels.fetch('1092194462295404694');
    channel.send({ embeds: [spooferEmbed] });

})

client
    .login(client.config.token)
    .then(() => {
        console.log(`Cliend logged in as ${client.user.username}`)
        client.user.setActivity(`Support`)


    })

probablyraging•2y ago

Try doing some simple logging in the messageCreate event

MarcusOP•2y ago

Where do you want me to do that? I see It doesn't even run it I tried console.log at the top of the client.on

probablyraging•2y ago

So you get no output at all?

MarcusOP•2y ago

Yeah

probablyraging•2y ago

Make sure your events are being loaded correctly

MarcusOP•2y ago

Uhmm It seems to work although there is going 3 - 5 minutes before it is sending from I start the bot How can I fix the delay?

probablyraging•2y ago

Well the event will only fire when a message is created in the server. If you want it to happen when the bot starts, use the ready event instead

MarcusOP•2y ago

OHHH I just found out haha omg what do I have to type in? just replace messageCreate => ready

probablyraging•2y ago

Yep

MarcusOP•2y ago

can I make the bot send the message only once?

probablyraging•2y ago

The ready event should only be emitted once, when the bot state is ready Or use client.once

MarcusOP•2y ago

MarcusOP•2y ago

that the emoji

            const HxPaymentSelect = new ActionRowBuilder()
                .addComponents(
                    new StringSelectMenuBuilder()
                        .setCustomId('HxPaymentSelect')
                        .setPlaceholder('Please select your payment method')
                        .addOptions(
                            {
                                label: 'PayPal',
                                description: 'You will be using PayPal as your payment method',
                                value: 'first_option',
                                emoji: {
                                    name: '<:PayPal:1094915773920706622>'
                                },
                            },
                            {
                                label: 'Crypto',
                                description: 'You will be using Crypto as your payment method',
                                value: 'second_option',
                                emoji: {
                                    name: '<:bitcoin:1094915686326866010>'
                                },
                            },
                            {
                                label: 'Paysafecard ( GERMANY )',
                                description: 'You will be using Paysafecard ( GERMANY ) as your payment method',
                                value: 'third_option',
                                emoji: {
                                    name: '<:paysafecard:1094915739158327338>',
                                },
                            },
                            {
                                label: 'Paysafecard ( DENMARK )',
                                description: 'You will be using Paysafecard ( DENMARK ) as your payment method',
                                value: 'fourth_option',
                                emoji: {
                                    name: '<:paysafecard:1094915739158327338>'
                                },
                            },
                            {
                                label: 'Mobilepay ( DENMARK )',
                                description: 'You will be using Mobilepay ( DENMARK ) as your payment method',
                                value: 'fifth_option',
                                emoji: {
                                    name: '<:mobilepay:1094915721869410374>'
                                },
                            },
                        )
                )


                interaction.reply({ components: [HxPaymentSelect], embeds: [HxPaymentEmbed]})
            
        }

    }


})

            const HxPaymentSelect = new ActionRowBuilder()
                .addComponents(
                    new StringSelectMenuBuilder()
                        .setCustomId('HxPaymentSelect')
                        .setPlaceholder('Please select your payment method')
                        .addOptions(
                            {
                                label: 'PayPal',
                                description: 'You will be using PayPal as your payment method',
                                value: 'first_option',
                                emoji: {
                                    name: '<:PayPal:1094915773920706622>'
                                },
                            },
                            {
                                label: 'Crypto',
                                description: 'You will be using Crypto as your payment method',
                                value: 'second_option',
                                emoji: {
                                    name: '<:bitcoin:1094915686326866010>'
                                },
                            },
                            {
                                label: 'Paysafecard ( GERMANY )',
                                description: 'You will be using Paysafecard ( GERMANY ) as your payment method',
                                value: 'third_option',
                                emoji: {
                                    name: '<:paysafecard:1094915739158327338>',
                                },
                            },
                            {
                                label: 'Paysafecard ( DENMARK )',
                                description: 'You will be using Paysafecard ( DENMARK ) as your payment method',
                                value: 'fourth_option',
                                emoji: {
                                    name: '<:paysafecard:1094915739158327338>'
                                },
                            },
                            {
                                label: 'Mobilepay ( DENMARK )',
                                description: 'You will be using Mobilepay ( DENMARK ) as your payment method',
                                value: 'fifth_option',
                                emoji: {
                                    name: '<:mobilepay:1094915721869410374>'
                                },
                            },
                        )
                )


                interaction.reply({ components: [HxPaymentSelect], embeds: [HxPaymentEmbed]})
            
        }

    }


})

I have tried both without the name just with the code

probablyraging•2y ago

name should be id and the value should be the ID of the emoji, not the full identifier Also pretty sure you can just do emoji: '1234567890'

discord.js - Imagine an app Join

Support server for discord.js, a Node.js module to interact with Discords apps API.

58KMembers

View on Discord

Want results from more Discord servers?

Add your server