frontend/utils/createMemberContextMenuItems.ts
SauceyRed 3a9df965c2
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
feat: implement Confirmation modal on kick and ban context menu actions
2025-08-16 12:01:36 +02:00

67 lines
2.1 KiB
TypeScript

import { Permission } from "~/types/enums";
import type { ContextMenuItem, GuildMemberResponse, IConfirmationModal } from "~/types/interfaces";
export default async (member: GuildMemberResponse, guildId: string, confirmationModal?: Ref<IConfirmationModal | undefined>) => {
const menuItems: ContextMenuItem[] = [];
const { fetchMeMember } = useApi();
const me = useState<GuildMemberResponse | undefined>("me");
if (!me.value) {
const fetchedMe = await fetchMeMember(member.guild_uuid);
me.value = fetchedMe;
}
const { banMember, kickMember } = useApi();
console.log("[MENUITEM] hi");
console.log("[MENUITEM] member:", member.user.username);
console.log("[MENUITEM] me:", me.value?.user.username);
if (me.value && member.uuid != me.value.uuid) {
console.log("[MENUITEM] member is not me");
if (hasPermission(me.value, Permission.KickMember)) {
console.log("[MENUITEM] has kick member permission");
menuItems.splice(Math.min(3, menuItems.length), 0, {
name: "Kick",
icon: "lucide:user-x",
type: "danger",
callback: async () => {
if (confirmationModal) {
console.log("[CONFIRM] HEYO THERE!!");
confirmationModal.value = {
actionName: "kick",
callback: async () => await kickMember(member.uuid),
show: true
}
} else {
console.log("[CONFIRM] no modal");
await kickMember(member.uuid)
}
}
});
}
if (hasPermission(me.value, Permission.BanMember)) {
console.log("[MENUITEM] has ban permission");
menuItems.splice(Math.min(4, menuItems.length), 0, {
name: "Ban (WIP)",
icon: "lucide:ban",
type: "danger",
callback: async () => {
if (confirmationModal) {
console.log("[CONFIRM] HEYO THERE!! 2");
confirmationModal.value = {
actionName: "ban",
callback: async () => await banMember(member.guild_uuid, member.uuid),
show: true
}
} else {
console.log("[CONFIRM] no modal 2");
await banMember(member.guild_uuid, member.uuid)
}
}
});
}
}
console.log("[MENUITEM] returning menu items:", menuItems);
return menuItems;
}