Queue icons

Author: robotzurg

migrations/1771000000000_add-queue-icon.js

@@ -0,0 +1,13 @@
+export const up = (pgm) => {
+  pgm.addColumn('queues', {
+    queue_icon: {
+      type: 'varchar(255)',
+      notNull: false,
+      default: null,
+    },
+  })
+}
+
+export const down = (pgm) => {
+  pgm.dropColumn('queues', 'queue_icon')
+}

src/@types/global.d.ts

@@ -24,6 +24,7 @@ declare module 'psqlDB' {
     instaqueue_min: number
     instaqueue_max: number
     use_tuple_bans: boolean
+    queue_icon?: string | null
   }
 
   export interface QueueRoles {

src/commands/moderation/editQueue.ts

@@ -66,6 +66,7 @@ export default {
     )
 
     const useTupleBans = interaction.options.getBoolean('use-tuple-bans', false)
+    const queueIcon = interaction.options.getString('queue-icon', false)
 
     try {
       const result = await pool.query(
@@ -88,7 +89,8 @@ export default {
           color = COALESCE($15, color),
           instaqueue_min = COALESCE($16, instaqueue_min),
           instaqueue_max = COALESCE($17, instaqueue_max),
-          use_tuple_bans = COALESCE($18, use_tuple_bans)
+          use_tuple_bans = COALESCE($18, use_tuple_bans),
+          queue_icon = COALESCE($19, queue_icon)
         WHERE queue_name = $1
         RETURNING queue_name
         `,
@@ -111,6 +113,7 @@ export default {
           instaqueueMin,
           instaqueueMax,
           useTupleBans,
+          queueIcon,
         ],
       )
 

src/commands/superCommands/edit.ts

@@ -151,6 +151,13 @@ export default {
             .setName('use-tuple-bans')
             .setDescription('Whether or not this queue should use tuple bans.')
             .setRequired(false),
+        )
+        .addStringOption((option) =>
+          option
+            .setName('queue-icon')
+            .setDescription('Emoji displayed next to the queue name')
+            .setRequired(false)
+            .setMaxLength(64),
         ),
     )
     .addSubcommand((sub) =>

src/utils/queueHelpers.ts

@@ -77,8 +77,11 @@ export async function updateQueueMessage(): Promise<Message | undefined> {
   const queueFields: APIEmbedField[] = await Promise.all(
     queueList.map(async (queue) => {
       const usersInQueue = await getUsersInQueue(queue.id)
+      const displayName = queue.queue_icon
+        ? `${queue.queue_icon} ${queue.queue_name}`
+        : queue.queue_name
       return {
-        name: queue.queue_name,
+        name: displayName,
         value: `${usersInQueue.length}`,
         inline: true,
       }
@@ -94,10 +97,12 @@ export async function updateQueueMessage(): Promise<Message | undefined> {
     .setColor('#ff0000')
 
   const options: StringSelectMenuOptionBuilder[] = queueList.map((queue) => {
-    return new StringSelectMenuOptionBuilder()
+    const option = new StringSelectMenuOptionBuilder()
       .setLabel(queue.queue_name.slice(0, 100))
       .setDescription((queue.queue_desc || '').slice(0, 100))
       .setValue(queue.id.toString())
+    if (queue.queue_icon) option.setEmoji(queue.queue_icon)
+    return option
   })
 
   if (options.length == 0) return