Make pages update initial embed

src/helpers/Pagination/TestPage.ts

@@ -5,6 +5,6 @@ export default class TestPage extends EmbedPage {
         super(embedId, page, total);
 
         this.setTitle("Test Embed");
-        this.setDescription(`You are viewing page ${page}`);
+        this.setDescription(`You are viewing page ${page + 1}`);
     }
 }

src/type/embedPage.ts

@@ -6,19 +6,19 @@ export default class EmbedPage extends EmbedBuilder {
     constructor(embedId: string, page: number, total: number) {
         super();
 
-        this.setFooter({ text: `Page ${page} of ${total}`});
+        this.setFooter({ text: `Page ${page + 1} of ${total + 1}`});
 
         this.row = new ActionRowBuilder<ButtonBuilder>();
 
         this.row.addComponents(
             new ButtonBuilder()
                 .setCustomId(`pagination ${embedId} previous`)
-                .setLabel("<")
+                .setLabel("◀️")
                 .setStyle(ButtonStyle.Primary)
                 .setDisabled(page == 0),
             new ButtonBuilder()
                 .setCustomId(`pagination ${embedId} next`)
-                .setLabel(">")
+                .setLabel("▶️")
                 .setStyle(ButtonStyle.Primary)
                 .setDisabled(page == total));
     }
@@ -31,9 +31,10 @@ export default class EmbedPage extends EmbedBuilder {
     }
 
     public async sendButtonEmbed(interaction: ButtonInteraction) {
-        await interaction.reply({
+        await interaction.update({
             embeds: [ this ],
             components: [ this.row ],
         });
+        return;
     }
 }