refactor: use functional form for paginated message

Author: Josh-Cena

src/modules/rep.ts

@@ -11,7 +11,7 @@ import { TS_BLUE } from '../env';
 
 import { RepGive } from '../entities/RepGive';
 import { RepUser } from '../entities/RepUser';
-import { Paginator } from '../util/Paginator';
+import { sendPaginatedMessage } from '../util/sendPaginatedMessage';
 
 export class RepModule extends Module {
 	constructor(client: CookiecordClient) {
@@ -162,7 +162,13 @@ export class RepModule extends Module {
 		const embed = new MessageEmbed()
 			.setColor(TS_BLUE)
 			.setAuthor(user.tag, user.displayAvatarURL());
-		new Paginator(embed, pages, msg.member, msg.channel, 300000);
+		await sendPaginatedMessage(
+			embed,
+			pages,
+			msg.member,
+			msg.channel,
+			300000,
+		);
 	}
 
 	@command({

src/util/Paginator.ts

@@ -0,0 +1,77 @@
+import {
+	GuildMember,
+	MessageEmbed,
+	MessageReaction,
+	TextChannel,
+	User,
+} from 'discord.js';
+
+const emojis = {
+	back: '◀',
+	first: '⏮',
+	last: '⏭',
+	next: '▶',
+	stop: '⏹',
+};
+
+export async function sendPaginatedMessage(
+	embed: MessageEmbed,
+	pages: string[],
+	member: GuildMember,
+	channel: TextChannel,
+	timeout: number = 100000,
+) {
+	let curPage = 0;
+	const message = await channel.send(
+		embed
+			.setDescription(pages[curPage])
+			.setFooter(`Page ${curPage + 1} of ${pages.length}`),
+	);
+	if (pages.length === 1) return;
+
+	await message.react(emojis.first);
+	await message.react(emojis.back);
+	await message.react(emojis.stop);
+	await message.react(emojis.next);
+	await message.react(emojis.last);
+
+	const collector = message.createReactionCollector(
+		(reaction, user) =>
+			user.id === member.id && user.id !== message.author.id,
+		{ time: timeout },
+	);
+
+	collector.on('collect', async (reaction: MessageReaction, user: User) => {
+		await reaction.users.remove(user);
+
+		switch (reaction.emoji.toString()) {
+			case emojis.first:
+				curPage = 0;
+				break;
+			case emojis.last:
+				curPage = pages.length - 1;
+				break;
+			case emojis.stop:
+				await message.reactions.removeAll();
+				break;
+			case emojis.back:
+				curPage--;
+				if (curPage < 0) curPage = pages.length - 1;
+				break;
+			case emojis.next:
+				curPage++;
+				if (curPage > pages.length - 1) curPage = 0;
+				break;
+		}
+
+		await message.edit(
+			embed
+				.setDescription(pages[curPage])
+				.setFooter(`Page ${curPage + 1} of ${pages.length}`),
+		);
+	});
+
+	collector.on('end', () => {
+		message.reactions.removeAll();
+	});
+}