gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

feat: update members fetching to handle endpoint pagination update

Browse source
This commit is contained in:
SauceyRed 2025-08-05 03:28:46 +02:00
parent f229a9176c
commit c465753111
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
3 changed files with 20 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
composables/api.ts
View file

@ -1,4 +1,4 @@
import type { ChannelResponse, GuildMemberResponse, GuildResponse, MessageResponse, StatsResponse, UserResponse } from "~/types/interfaces"; import type { ChannelResponse, GuildMemberResponse, GuildMembersResponse, GuildResponse, MessageResponse, StatsResponse, UserResponse } from "~/types/interfaces";
function ensureIsArray(list: any) { function ensureIsArray(list: any) {
if (Array.isArray(list)) { if (Array.isArray(list)) {
@ -33,8 +33,15 @@ export const useApi = () => {
return await fetchWithApi(`/channels/${channelId}`) return await fetchWithApi(`/channels/${channelId}`)
} }
async function fetchMembers(guildId: string): Promise<GuildMemberResponse[]> { async function fetchMembers(guildId: string, options?: { per_page?: number, page?: number }): Promise<GuildMembersResponse> {
return ensureIsArray(await fetchWithApi(`/guilds/${guildId}/members`)); const query = new URLSearchParams();
query.set("page", options?.page ? options.page.toString() : "1");
if (options?.per_page) {
query.set("per_page", options.per_page.toString());
}
console.log("members query:", query);
return await fetchWithApi(`/guilds/${guildId}/members?${query.toString()}`) as GuildMembersResponse;
} }
async function fetchMember(guildId: string, memberId: string): Promise<GuildMemberResponse | undefined> { async function fetchMember(guildId: string, memberId: string): Promise<GuildMemberResponse | undefined> {

3
pages/servers/[serverId]/channels/[channelId].vue
View file

@ -77,7 +77,10 @@ onActivated(async () => {
}); });
async function setArrayVariables() { async function setArrayVariables() {
const membersRes = await fetchMembers(route.params.serverId as string);
members.value = membersRes.objects;
members.value = await fetchMembers(route.params.serverId as string); members.value = await fetchMembers(route.params.serverId as string);
console.log("Placeholder count:", totalMemberCount.value);
const guildUrl = `guilds/${route.params.serverId}`; const guildUrl = `guilds/${route.params.serverId}`;
channels.value = await fetchWithApi(`${guildUrl}/channels`); channels.value = await fetchWithApi(`${guildUrl}/channels`);
console.log("channels:", channels.value); console.log("channels:", channels.value);

7
types/interfaces.ts
View file

@ -31,6 +31,13 @@ export interface GuildMemberResponse {
user: UserResponse user: UserResponse
} }
export interface GuildMembersResponse {
objects: GuildMemberResponse[],
amount: number,
pages: number,
page: number
}
export interface ChannelResponse { export interface ChannelResponse {
uuid: string, uuid: string,
guild_uuid: string, guild_uuid: string,