Discord.js reaction role collecter switch - discord.js

Question

Hello Stackoverflow community!
I'm having a bit of an issue with a reaction collecter switch I'm trying to creation and got kind of stuck. What I want this piece of code to do is simple; when people react on a color, they get the color role, their reaction gets removed, so if they want to change they just react to a new color, and so on.
But I can't seem to make it work. I don't get any error messages, I just don't get any roles. Thank you in advance!! Much appreciated!
Code:
const Discord = require("discord.js");
module.exports.run = async (bot, message, args, client) => {
const RandomColour = ("000000" + Math.random().toString(16).slice(2, 8).toUpperCase()).slice(-6);
message.delete();
const black = message.guild.roles.get("595509263754067969");
const white = message.guild.roles.get("595510495902040074");
const magenta = message.guild.roles.get("595510495902040074");
const purple = message.guild.roles.get("595507863355654154");
const red = message.guild.roles.get("595506989212106802");
const orange = message.guild.roles.get("595507331396009986");
const yellow = message.guild.roles.get("595507180183093248");
const green = message.guild.roles.get("595507124574879744");
const blue = message.guild.roles.get("595507043629268993");
const filter = (reaction, user) => reaction.emoji.name === [
'black' ,
'white' ,
'magenta' ,
'purple' ,
'red' ,
'orange' ,
'yellow' ,
'green' ,
'blue'].includes(reaction.emoji.name) && user.id === message.member.id;
const embed = new Discord.RichEmbed()
.setAuthor("Available Roles")
.setDescription(`
Black ${black.toString()} | ⬛
White ${white.toString()} | ⬜
Magenta ${magenta.toString()} | 💟
Purple ${purple.toString()} | 🟪
Red ${red.toString()} | 🟥
Orange ${orange.toString()} | 🟧
Yellow ${yellow.toString()} | 🟨
Green ${green.toString()} | 🟩
Blue ${blue.toString()} | 🟦
`)
.setFooter("React on the right emoji to get a colour.")
.setColor(RandomColour)
.setTimestamp()
message.channel.send(embed).then(async function (message) {
await message.react("⬛");
await message.react("⬜");
await message.react("💟");
await message.react("🟪");
await message.react("🟥");
await message.react("🟧");
await message.react("🟨");
await message.react("🟩");
await message.react("🟦");
message.awaitReactions(filter).then(async function (collected) {
const reaction = collected.first();
switch (reaction.emoji.name) {
case 'black':
if (message.member.roles.has(black.id)) {
return;
} else {
message.member.addRole(black).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on ⬛ and gained then **${black.name} role!`)
}
break;
case 'white':
if (message.member.roles.has(white.id)) {
return;
} else {
message.member.addRole(white).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on ⬜ and gained then **${white.name} role!`)
}
break;
case 'magenta':
if (message.member.roles.has(magenta.id)) {
return;
} else {
message.member.addRole(magenta).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 💟 and gained then **${magenta.name} role!`)
}
break;
case 'purple':
if (message.member.roles.has(purple.id)) {
return;
} else {
message.member.addRole(purple).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟪 and gained then **${purple.name} role!`)
}
break;
case 'red':
if (message.member.roles.has(red)) {
return;
} else {
reaction.message.member.addRole(red).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟥 and gained then **${red.name} role!`)
}
break;
case 'orange':
if (message.member.roles.has(orange.id)) {
return;
} else {
message.member.addRole(orange).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟧 and gained then **${orange.name} role!`)
}
break;
case 'yellow':
if (message.member.roles.has(yellow.id)) {
return;
} else {
message.member.addRole(yellow).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟨 and gained then **${yellow.name} role!`)
}
break;
case 'green':
if (message.member.roles.has(green.id)) {
return;
} else {
message.member.addRole(green).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟩 and gained then **${green.name} role!`)
}
break;
case 'blue':
if (message.member.roles.has(blue.id)) {
return;
} else {
message.member.addRole(blue).catch(err => {
console.log(err);
return message.member.send(`Error adding you to this role: **${err}**`)
})
message.member.send(`You've reacted on 🟦 and gained then **${blue.name} role!`)
}
break;
}
}).catch(collected => {
return message.channel.send("I couldn't add you to this role. If this keeps occouring, contact staff.")
}).catch(err => console.log(err))
}).catch(err => console.log(err))
}
module.exports.help = {
name: "reactroles",
aliases: []
}

Answer 1

The problem is, reaction.emoji.name === unicode reaction name
So for white is will be ⬜, not white
The one way is no hardCode, just createArray with some parametors, and check it :)
const Discord = require("discord.js");
module.exports.run = async (bot, message, args, client) => {
const reactionRoles = [
{
name: 'white',
reaction: '⬜',
reactionRole: message.guild.roles.get('595510495902040074'),
},
{
name: 'black',
reaction: '⬛',
reactionRole: message.guild.roles.get('595509263754067969'),
},
];
const RandomColour = Math.floor(Math.random() * Math.floor(16777215));
const embed = new Discord.RichEmbed()
.setAuthor('Available Roles')
.setDescription(`${reactionRoles.map(r => `${r.name} | ${r.reactionRole.name} | ${r.reaction}`).join('\n')}`)
.setFooter('React on the right emoji to get a colour.')
.setColor(RandomColour)
.setTimestamp();
message.channel
.send(embed)
.then(async msg => {
for (const r of reactionRoles) {
await msg.react(r.reaction);
}
const filter = (reaction, user) => {
return reactionRoles.map(r => r.reaction).includes(reaction.emoji.name) && user.id === message.author.id;
};
msg.awaitReactions(filter, { max: 1 })
.then(collected => {
const reaction = collected.first();
let role = reactionRoles.find(r => r.reaction === reaction.emoji.name);
if (message.member.roles.has(role.reactionRole)) return message.reply('You are already has this role');
message.member.addRole(role.reactionRole);
})
.catch(collected => {
return message.channel.send("I couldn't add you to this role. If this keeps occouring, contact staff.");
})
.catch(err => console.log(err));
})
.catch(err => console.log(err));
};