Merge pull request #194 from Emerald-Services/dev

8.4 from Dev to Release

Commands/General/info copy.js

@@ -0,0 +1,45 @@
+// SupportBot | Emerald Services
+// Info Command
+
+const fs = require("fs");
+
+const { ContainerBuilder, UserSelectMenuBuilder, ButtonStyle, MessageFlags } = require('discord.js');
+const yaml = require("js-yaml");
+
+const supportbot = yaml.load(
+  fs.readFileSync("./Configs/supportbot.yml", "utf8")
+);
+
+const cmdconfig = yaml.load(
+  fs.readFileSync("./Configs/commands.yml", "utf8")
+);
+
+const msgconfig = yaml.load(
+  fs.readFileSync("./Configs/messages.yml", "utf8")
+);
+
+const db = require("../../Structures/Database.js");
+const Command = require("../../Structures/Command.js");
+
+module.exports = new Command({
+  name: "test",
+  description: cmdconfig.Info.Description,
+  options: [],
+  permissions: cmdconfig.Info.Permission,
+
+  async run(interaction, client) {
+
+    const ticketPanelembed = new ContainerBuilder()
+      .addTextDisplayComponents(
+        textDisplay => textDisplay
+        .setContent("SupportBot"),
+      )
+
+
+await interaction.reply({
+	components: [ticketPanelembed],
+	flags: MessageFlags.IsComponentsV2,
+});
+
+  },
+});

Commands/Tickets/close.js

@@ -289,112 +289,141 @@ function parseMarkdown(content) {
 function createTranscriptHTML(ticket, reason) {
   return `
   <!DOCTYPE html>
-  <html>
+  <html lang="en">
     <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Ticket Transcript</title>
       <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
       <style>
         body {
-          background: url('file-EWLgzFEYsq16ANVg6ENJrP.png') no-repeat center center fixed;
+          background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
-          background-size: cover;
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-          color: #ffffff;
+          color: #e5e7eb;
           margin: 0;
-          padding: 20px;
+          padding: 40px;
         }
 
         .container {
           max-width: 1000px;
-          margin: 0 auto;
+          margin: auto;
-          padding: 20px;
+          padding: 25px;
-          backdrop-filter: blur(10px);
-          background: rgba(0,0,0,0.4);
           border-radius: 20px;
-          box-shadow: 0 8px 32px rgba(0,0,0,0.5);
+          backdrop-filter: blur(18px) saturate(180%);
+          background: rgba(17, 25, 40, 0.75);
+          box-shadow: 0 8px 32px rgba(0,0,0,0.6);
+          border: 1px solid rgba(255, 255, 255, 0.1);
         }
 
         h1 {
-          font-size: 2.5rem;
+          font-size: 2rem;
-          font-weight: bold;
+          font-weight: 700;
           text-align: center;
+          color: #22c55e; /* green accent */
           margin-bottom: 20px;
+          text-shadow: 0 0 4px rgba(34,197,94,0.4); /* subtle glow */
+        }
+
+        .ticket-info {
+          margin-bottom: 25px;
+          padding: 15px;
+          border-radius: 12px;
+          background: rgba(255, 255, 255, 0.05);
+          border: 1px solid rgba(255,255,255,0.1);
         }
 
         .ticket-info p {
-          margin: 5px 0;
+          margin: 6px 0;
+          font-size: 0.95rem;
         }
 
         .message {
-          backdrop-filter: blur(15px);
           background: rgba(255, 255, 255, 0.05);
-          border: 1px solid rgba(255, 255, 255, 0.2);
+          border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 15px;
-          padding: 15px;
+          padding: 16px;
           margin-bottom: 15px;
-          transition: transform 0.2s;
+          transition: all 0.2s ease-in-out;
         }
 
         .message:hover {
-          transform: scale(1.02);
+          background: rgba(255, 255, 255, 0.08);
+          transform: translateY(-2px);
+          box-shadow: 0 6px 20px rgba(0,0,0,0.4);
         }
 
         .message-header {
           display: flex;
           align-items: center;
-          margin-bottom: 10px;
+          margin-bottom: 12px;
         }
 
         .avatar {
-          width: 50px;
+          width: 45px;
-          height: 50px;
+          height: 45px;
           border-radius: 50%;
-          margin-right: 15px;
+          margin-right: 12px;
-          border: 2px solid rgba(255,255,255,0.3);
+          border: 2px solid rgba(34,197,94,0.6);
         }
 
         .username {
-          font-weight: bold;
+          font-weight: 600;
-          color: #00ffe4;
+          color: #22c55e;
-          font-size: 1.1rem;
         }
 
         .timestamp {
           margin-left: auto;
-          color: #aaa;
           font-size: 0.85rem;
+          color: #9ca3af;
         }
 
         .content {
           word-break: break-word;
-          font-size: 1rem;
+          font-size: 0.95rem;
+          line-height: 1.4rem;
         }
 
         .embed {
-          border-left: 4px solid #00ffe4;
+          margin-top: 12px;
-          padding-left: 10px;
+          border-left: 4px solid #22c55e;
-          margin: 10px 0;
+          padding-left: 12px;
-          background: rgba(255, 255, 255, 0.05);
+          border-radius: 6px;
-          border-radius: 10px;
+          background: rgba(34,197,94,0.1);
+        }
+
+        .embed strong {
+          color: #f9fafb;
         }
 
         .attachment {
           display: inline-block;
-          background-color: rgba(0, 255, 228, 0.1);
+          background: rgba(34,197,94,0.1);
-          border: 1px solid #00ffe4;
+          border: 1px solid #22c55e;
-          border-radius: 5px;
+          border-radius: 6px;
-          padding: 5px 10px;
+          padding: 6px 12px;
-          margin: 5px 0;
+          margin: 6px 0;
-          color: #00ffe4;
+          color: #22c55e;
           text-decoration: none;
+          font-size: 0.9rem;
         }
 
+        .attachment:hover {
+          background: rgba(34,197,94,0.2);
+        }
+
+        code, pre {
+          background: rgba(0,0,0,0.4);
+          color: #f8fafc;
+          padding: 4px 8px;
+          border-radius: 6px;
+          font-family: 'Consolas', 'Monaco', monospace;
+        }
       </style>
     </head>
     <body>
       <div class="container">
         <h1>Ticket Transcript</h1>
-        <div class="ticket-info mb-6">
+        <div class="ticket-info">
           <p><strong>Channel:</strong> ${ticket.name}</p>
           <p><strong>Ticket ID:</strong> ${ticket.id}</p>
           <p><strong>Message Count:</strong> ${ticket.messages.length}</p>
@@ -426,9 +455,7 @@ function createTranscriptHTML(ticket, reason) {
                 `).join('')}
 
                 ${msg.attachments.map(att => `
-                  <a href="${att.url}" class="attachment" target="_blank">
+                  <a href="${att.url}" class="attachment" target="_blank">📎 ${att.name}</a>
-                    📎 ${att.name}
-                  </a>
                 `).join('')}
               </div>
             </div>

Commands/Tickets/ticket.js

@@ -11,6 +11,9 @@ const {
   ButtonStyle,
   MessageCollector,
   MessageFlags,
+  SeparatorBuilder,
+  ContainerBuilder,
+  TextDisplayBuilder
 } = require("discord.js");
 const yaml = require("js-yaml");
 
@@ -455,32 +458,57 @@ module.exports = new Command({
         .setColor(supportbot.Embed.Colours.General);
       await interaction.reply({ embeds: [CreatedTicket], flags: MessageFlags.Ephemeral  });
 
-      const TicketMessage = new EmbedBuilder()
+      // TICKET MESSAGE - UPDATED WITH COMPONENTS V2
-        .setAuthor({
-          name: msgconfig.Ticket.TicketAuthorTitle.replace(/%ticketauthor%/g, interaction.user.id)
-            .replace(/%ticketid%/g, ticketChannel.id)
-            .replace(/%ticketusername%/g, interaction.user.username),
-          iconURL: interaction.user.displayAvatarURL(),
-        })
-        .setTitle(
-          msgconfig.Ticket.TicketTitle.replace(/%ticketauthor%/g, interaction.user.id)
-            .replace(/%ticketid%/g, ticketChannel.id)
-            .replace(/%ticketusername%/g, interaction.user.username)
-        )
-        .setDescription(
-          msgconfig.Ticket.TicketMessage.replace(/%ticketauthor%/g, interaction.user.id)
-            .replace(/%ticketid%/g, ticketChannel.id)
-            .replace(/%ticketusername%/g, interaction.user.username)
-            .replace(/%ticketreason%/g, TicketSubject)
-        )
-        .setColor(supportbot.Embed.Colours.General);
       
-      if (supportbot.Ticket.TicketReason && TicketReason) {
+      const ticketMsgContainer = new ContainerBuilder()
-        TicketMessage.addFields(
+        
-          { name: "Reason", value: TicketReason, inline: false }
+      if (supportbot.Embed.Colours.General) {
-        );
+        ticketMsgContainer.setAccentColor(
+          parseInt(supportbot.Embed.Colours.General.replace("#", ""), 16)
+        )
       }
 
+      const ticketAuthor = new TextDisplayBuilder().setContent(
+        msgconfig.Ticket.TicketAuthorTitle.replace(/%ticketauthor%/g, interaction.user.id)
+          .replace(/%ticketid%/g, ticketChannel.id)
+          .replace(/%ticketusername%/g, interaction.user.username),
+      );
+
+      ticketMsgContainer.addTextDisplayComponents(ticketAuthor)
+
+      const ticketTitle = new TextDisplayBuilder().setContent(
+        msgconfig.Ticket.TicketTitle.replace(/%ticketauthor%/g, interaction.user.id)
+          .replace(/%ticketid%/g, ticketChannel.id)
+          .replace(/%ticketusername%/g, interaction.user.username)
+      );
+
+      ticketMsgContainer.addTextDisplayComponents(ticketTitle)
+      
+      const seperator2 = new SeparatorBuilder()
+        .setDivider(true)
+
+      ticketMsgContainer.addSeparatorComponents(seperator2)
+
+      const ticketDescription = new TextDisplayBuilder().setContent(
+        msgconfig.Ticket.TicketMessage.replace(/%ticketauthor%/g, interaction.user.id)
+          .replace(/%ticketid%/g, ticketChannel.id)
+          .replace(/%ticketusername%/g, interaction.user.username)
+          .replace(/%ticketreason%/g, TicketSubject)
+      );
+
+      ticketMsgContainer.addTextDisplayComponents(ticketDescription)
+
+      const seperator3 = new SeparatorBuilder()
+        .setDivider(true)
+
+      ticketMsgContainer.addSeparatorComponents(seperator3)
+
+      const ticketReason = new TextDisplayBuilder().setContent(
+        `**Reason:**\n ${TicketReason}`
+      );
+
+      const selectMenuRow = new ActionRowBuilder();
+
       const SelectMenus = new StringSelectMenuBuilder()
       .setCustomId("ticketcontrolpanel")
       .setPlaceholder("Ticket Control Panel")
@@ -529,11 +557,17 @@ module.exports = new Command({
           );
         }
 
-      const row2 = new ActionRowBuilder().addComponents(SelectMenus);
+      selectMenuRow.addComponents(SelectMenus)
+
+      ticketMsgContainer.addActionRowComponents(selectMenuRow)
+
+      if (supportbot.Ticket.TicketReason && TicketReason) {
+        ticketMsgContainer.addTextDisplayComponents(ticketReason)
+      }
 
       await ticketChannel.send({
-        embeds: [TicketMessage],
+        flags: MessageFlags.IsComponentsV2,
-        components: [row2],
+        components: [ticketMsgContainer],
       });
 
       if (supportbot.Ticket.Questions.Enabled) {

Commands/Tickets/ticketpanel.js

@@ -5,6 +5,12 @@ const {
   ActionRowBuilder,
   ButtonBuilder,
   MessageFlags,
+  ContainerBuilder,
+  TextDisplayBuilder,
+  MediaGalleryBuilder,
+  SeparatorBuilder,
+  ThumbnailBuilder,
+  SectionBuilder
 } = require("discord.js");
 const yaml = require("js-yaml");
 
@@ -52,6 +58,7 @@ module.exports = new Command({
     }
 
     const panelRow = db.getTicketPanel();
+
     if (panelRow) {
       try {
         await channel.messages.fetch(panelRow.message_id);
@@ -62,24 +69,35 @@ module.exports = new Command({
       } catch (err) {}
     }
 
-    let embed = new EmbedBuilder()
+    const panelContainer = new ContainerBuilder()
-      .setTitle(panelconfig.PanelTitle)
-      .setColor(panelconfig.PanelColour)
-      .setFooter({
-        text: supportbot.Embed.Footer,
-        iconURL: interaction.user.displayAvatarURL(),
-      });
 
-    if (panelconfig.TicketPanel_Description) {
+    if (panelconfig.Style.Color) {
-      embed.setDescription(panelconfig.PanelMessage);
+      panelContainer.setAccentColor(
+        parseInt(panelconfig.Style.Color.replace("#", ""), 16)
+      )
     }
 
-    if (panelconfig.TicketPanel_Thumbnail) {
+    const panelTitle = new TextDisplayBuilder().setContent(
-      embed.setThumbnail(panelconfig.PanelThumbnail);
+      panelconfig.Style.Title,
+    );
+
+    const topSeperator = new SeparatorBuilder()
+      .setDivider(true)
+
+    if (panelconfig.Settings.TopTitle) {
+      panelContainer.addTextDisplayComponents(panelTitle)
     }
 
-    if (panelconfig.TicketPanel_Image) {
+    if (panelconfig.Settings.TopDivider) {
-      embed.setImage(panelconfig.PanelImage);
+      panelContainer.addSeparatorComponents(topSeperator)
+    }
+
+    const panelDesc = new TextDisplayBuilder().setContent(
+      panelconfig.Style.Description,
+    );
+
+    if (panelconfig.Style.Layout === "3") {
+      panelContainer.addTextDisplayComponents(panelDesc)
     }
 
     const createTicketButton = new ButtonBuilder()
@@ -88,12 +106,62 @@ module.exports = new Command({
       .setEmoji(panelconfig.Button.Emoji)
       .setStyle(panelconfig.Button.Color);
 
-    let row = new ActionRowBuilder().addComponents(createTicketButton);
+    const middleSection = new SectionBuilder()
+      .addTextDisplayComponents(panelDesc)
+      .setButtonAccessory(createTicketButton)
+
+    if (panelconfig.Style.Layout === "1") {
+      panelContainer.addSectionComponents(middleSection)
+    }
+
+    const panelImage = new MediaGalleryBuilder()
+      .addItems([
+        {
+          media: {
+            url: panelconfig.Style.Image,
+          },
+        }
+      ])
+
+    if (panelconfig.Settings.Image) {
+      panelContainer.addMediaGalleryComponents(panelImage)
+    }
+
+    // START OF STYLE 2 - TEXT UNDER THE IMAGE
+
+    const bottomSeperator = new SeparatorBuilder()
+      .setDivider(true)
+
+    if (panelconfig.Settings.BottomTitle) {
+      panelContainer.addTextDisplayComponents(panelTitle)
+    }
+
+    if (panelconfig.Settings.BottomDivider) {
+      panelContainer.addSeparatorComponents(bottomSeperator)
+    }
+
+    if (panelconfig.Style.Layout === "2") {
+      panelContainer.addSectionComponents(middleSection)
+    }
+
+    // START OF STYLE 3
+
+    const buttonRow = new ActionRowBuilder();
+      const ticketButtonRow = new ButtonBuilder()
+        .setCustomId("createticket")
+        .setLabel(panelconfig.Button.Text)
+        .setEmoji(panelconfig.Button.Emoji)
+        .setStyle(panelconfig.Button.Color);
+      buttonRow.addComponents(ticketButtonRow)
+
+    if (panelconfig.Style.Layout === "3") {
+      panelContainer.addActionRowComponents(buttonRow)
+    }
 
     try {
       const message = await channel.send({
-        embeds: [embed],
+        flags: MessageFlags.IsComponentsV2,
-        components: [row],
+        components: [panelContainer],
       });
 
       db.saveTicketPanel(message.id, channel.id);

Configs/messages.yml

@@ -117,8 +117,18 @@ Ticket:
 #  <@%ticketauthor%> - Tags the user who created the ticket.
 #  <#%ticketid%> - Mentions the ticket channel.
 
-  TicketAuthorTitle: "%ticketusername%'s Ticket"
+  # You can use Markdown formatting in this message:
-  TicketTitle: "Support Ticket"
+  # # Heading 1
+  # ## Heading 2
+  # ### Heading 3
+  # **Bold** text
+  # *Italic* text
+  # -# Small text
+  # - Bullet points
+  # Links: [text](https://example.com)
+
+  TicketAuthorTitle: "-# %ticketusername%'s Ticket"
+  TicketTitle: "## Support Ticket"
   TicketMessage: "Hello <@%ticketauthor%>, Thank you for creating a support ticket\nPlease wait patiently whilst a member of our team reaches out to you."
   TicketThumbnail: "https://images.emojiterra.com/google/android-pie/512px/1f39f.png"
   TicketCreatedAlert: ":ticket: Ticked Created: <#%ticketid%>"
@@ -315,9 +325,4 @@ Error:
   EntryAlreadyExists: ":warning: Cannot complete the action, as the entry already exists."
   EntryDoesNotExist: ":warning: Cannot complete the action, as the entry does not exist."
   ActionFailed: ":x: **Error!** An error occurred while processing your request. Please try again later."
-  
+  InvalidChannel: ":x: **Error!** The suggestions channel has not been set up correctly."
-
-
-
-
-  

Configs/supportbot.yml

@@ -13,7 +13,7 @@
 #
 #           SupportBot Configuration (supportbot.yml)
 
-SupportBot_Version: "v8.4-DEV-2"
+SupportBot_Version: "v8.4"
 
 # -------------------------
 #   General
@@ -21,7 +21,7 @@ SupportBot_Version: "v8.4-DEV-2"
 
 General:
   Name: "SupportBot"
-  Token: ""
+  Token: "BOT_TOKEN"
 
   Addons:
     Enabled: true
@@ -50,10 +50,10 @@ Activity:
 
 Embed:
   Colours:
-    General: 0x0cc559
+    General: "#0cc559"
-    Success: 0x04b545
+    Success: "#04b545"
-    Error: 0xd13030
+    Error: "#d13030"
-    Warn: 0xfca117
+    Warn: "#fca117"
 
   Footer: "SupportBot | Developed by Emerald Development"
 
@@ -66,12 +66,12 @@ Embed:
 Roles:
   AutoRole:
     Enabled: true
-    Role: "1202669457751801917"
+    Role: "1111111111111111"
 
   StaffMember:
-    Staff: "996420644373811371"
+    Staff: "1111111111111111"
-    Admin: "996419960442208326"
+    Admin: "1111111111111111"
-    Moderator: "996420644373811371"
+    Moderator: "1111111111111111"
 
   Mod:
     AllowSupportStaff: false
@@ -84,11 +84,11 @@ Roles:
 
 Welcome: 
   Enabled: true
-  Channel: "1295788797065166869"
+  Channel: "1111111111111111"
 
 Leave: 
   Enabled: true
-  Channel: "1295788797065166869"
+  Channel: "1111111111111111"
 
 # ----------------------------
 #  Suggestions
@@ -96,8 +96,8 @@ Leave:
 
 Suggestions:
   Mode: "Channel" # Channel or Forum
-  ForumChannel: "1402655496477081671"
+  ForumChannel: "1111111111111111"
-  Channel: "1295788900094316706"
+  Channel: "1111111111111111"
 
   UpvoteEmoji: "✅"
   DownvoteEmoji: "❌"
@@ -130,10 +130,10 @@ Suggestions:
     # 4 - Red
 
   Tags:
-   Created: "1418937323118137435"
+   Created: "1111111111111111"
-   Considering: "1418937237156139130"
+   Considering: "1111111111111111"
-   Solved: "1418937168029679697"
+   Solved: "1111111111111111"
-   Denied: "1418937185469464647"
+   Denied: "1111111111111111"
 
 # -------------------------
 #  Tickets
@@ -141,7 +141,7 @@ Suggestions:
 
 VoiceTickets:
   Name: "%username%'s VC" 
-  Category: "1419062819688550460"
+  Category: "1111111111111111"
 
 Ticket:
   TicketType: "threads" 
@@ -150,16 +150,16 @@ Ticket:
   # channels - Tickets will be created as channels in the TicketChannelsCategory
   # threads - Tickets will be created as threads through the "TicketHome" channel.
 
-  TicketHome: "1295784943204700171" 
+  TicketHome: "1111111111111111" 
 
   # What is TicketHome?
   # - Channel where the Ticket creation panel is sent.
   # - Channel where ticket threads are made. (only if ticket threads is enabled above.)
 
   # For TicketType: channels
-  TicketChannelsCategory: "1418988408193155112" 
+  TicketChannelsCategory: "1111111111111111" 
-  TicketChannelsCategory2: "1418988456167870615" # This will be used if the first category has reached the max channel limit.
+  TicketChannelsCategory2: "1111111111111111" # This will be used if the first category has reached the max channel limit.
-  TicketArchiveCategory: "1418988434600759348"
+  TicketArchiveCategory: "1111111111111111"
   # ---
 
   Channel: "ticket-" # The prefix for ticket channel names
@@ -198,7 +198,7 @@ Ticket:
 
   ClaimTickets:
     Enabled: true
-    Channel: "1295789389619793961" 
+    Channel: "1111111111111111" 
     # Channel where the ticket assignments are sent for staff to claim.
     
     ClaimAcceptTime: 120000
@@ -221,7 +221,7 @@ Ticket:
 
   ReviewSystem:
     Enabled: false                
-    Channel: "1304480728884445225"
+    Channel: "1111111111111111"
     UseModal: true
 
   Questions:
@@ -232,9 +232,9 @@ Ticket:
       - "Have you tried resolving the issue yourself?"
 
   Log:
-    TicketDataLog: "1339271338761650290"
+    TicketDataLog: "1111111111111111"
     TickeDataTitle: "Ticket Data"
-    TicketBlacklistLog: "1339271338761650290"
+    TicketBlacklistLog: "1111111111111111"
 
 # -------------------------
 #  Buttons
@@ -287,12 +287,12 @@ SelectMenus:
 # -------------------------
 
 MessageDelete:
-  Channel: "1202671982932402246"
+  Channel: "1111111111111111"
   Colour: "#d92525"
 
 MessageUpdate:
-  Channel: "1202671982932402246"
+  Channel: "1111111111111111"
   Colour: "#f2a024"
 
 Translate:
-  TranslateLog: "1202671982932402246"
+  TranslateLog: "1111111111111111"

Configs/ticket-panel.yml

@@ -19,19 +19,28 @@
 
 Panel: true
 
-LayoutStyle: modern
-
 # ----------------------------------------
 #   Ticket Panel Message Configuration #2b2d31
 # ----------------------------------------
 
-PanelTitle: "SupportBot"
+Style:
-PanelColour: "#0cc559"
+  Title: "## SupportBot Ticket Creation"
+  Description: "Click on the button to file a `Ticket` and our team will try their best to assist you in the best way we can!"
+  Image: "https://i.imgur.com/dejQvkg.png"
+  Color: "#45b463"
+  # Leave Color empty to remove the color from the embed/container.
+
+  Layout: "3"
+
+# Available Layout Styles
+# "1" - Style 1 - Title & Text, Button at the top -- Image at the bottom
+# "2" - Style 2 - Title & Text, Button at the bottom -- Image at the top
+# "3" - Style 3 - The classic look - Title & Text at the top -- Image in the middle -- Button at the bottom
 
 Button:
   Text: "Create Ticket"
   Emoji: "🎫"
-  Color: "2"
+  Color: "3"
 
 # Available Button Styles
 # 1 - Blurple
@@ -39,10 +48,15 @@ Button:
 # 3 - Red
 # 4 - Green
 
-TicketPanel_Description: true
+Settings:
-TicketPanel_Thumbnail: false
+  Image: true
-TicketPanel_Image: true
 
-PanelMessage: "Click on the button to file a `Ticket` and our team will try their best to assist you in the best way we can!"
+  # Text and divider will appear above the image.
-PanelThumbnail: "https://i.imgur.com/ieeZejl.png"
+  TopTitle: true
-PanelImage: "https://i.imgur.com/dejQvkg.png"
+  TopDivider: true
+
+  # Text and divider will appear below the image.
+  BottomTitle: false
+  BottomDivider: false
+
+  # Note: If Image is set to false, the bottom and top settings will look the samme.

Events/guildMemberAdd.js

@@ -35,7 +35,8 @@ function getWelcomeThumbnail(client, member, iconCfg) {
 }
 
 function buildModernComponents(client, member) {
-    const container = new ContainerBuilder().setAccentColor(
+    const container = new ContainerBuilder()
+    .setAccentColor(
         parseInt(msgconfig.Welcome.Modern.Colour.replace("#", ""), 16)
     );
 
@@ -79,6 +80,7 @@ function buildModernComponents(client, member) {
         });
 
         container.addActionRowComponents(row);
+        
     }
 
     return [container];