Buttons hidden by permissions

src/ui/raidInstance/RaidInstanceList.tsx

@@ -2,6 +2,8 @@ import { ButtonProps } from "@/components/button/Button";
 import Table from "@/components/table/Table";
 import { RaidGroup } from "@/interface/RaidGroup";
 import { RaidInstance } from "@/interface/RaidInstance";
+import { useAuth } from "@/providers/AuthProvider";
+import { isRaidGroupAdmin, isRaidGroupLeader } from "@/util/PermissionUtil";
 import moment from "moment";
 import { useState } from "react";
 import { Link } from "react-router";
@@ -17,6 +19,7 @@ export default function RaidInstanceList({
 	raidInstances: RaidInstance[];
 	raidGroup: RaidGroup;
 }){
+	const { accountPermissions, raidGroupPermissions } = useAuth();
 	const [ selectedRaidInstance, setSelectedRaidInstance ] = useState<RaidInstance>();
 	const [ displayEditRaidInstanceModal, setDisplayEditRaidInstanceModal ] = useState(false);
 	const [ displayDeleteRaidInstanceModal, setDisplayDeleteRaidInstanceModal ] = useState(false);
@@ -25,7 +28,8 @@ export default function RaidInstanceList({
 	const buttonProps: ButtonProps = {
 		variant: "ghost",
 		size: "md",
-		shape: "square"
+		shape: "square",
+		disabled: !isRaidGroupAdmin(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions) || !isRaidGroupLeader(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions)
 	};
 
 
@@ -94,6 +98,7 @@ export default function RaidInstanceList({
 				&nbsp;
 			</div>
 			<RaidInstanceAdminButtons
+				raidInstance={raidInstance}
 				buttonProps={buttonProps}
 				showRaidInstanceModal={() => { setSelectedRaidInstance(raidInstance); setDisplayEditRaidInstanceModal(true); }}
 				showDeleteRaidInstanceModal={() => { setSelectedRaidInstance(raidInstance); setDisplayDeleteRaidInstanceModal(true); }}