Buttons hidden by permissions

src/ui/raidLayout/RaidLayoutList.tsx

@@ -5,6 +5,8 @@ import { useGetClassGroupsByRaidLayout } from "@/hooks/ClassGroupHooks";
 import { ClassGroup } from "@/interface/ClassGroup";
 import { RaidGroup } from "@/interface/RaidGroup";
 import { RaidLayout } from "@/interface/RaidLayout";
+import { useAuth } from "@/providers/AuthProvider";
+import { isRaidGroupAdmin, isRaidGroupLeader } from "@/util/PermissionUtil";
 import { useEffect, useState } from "react";
 import DeleteRaidLayoutModal from "./modal/DeleteRaidLayoutModal";
 import RaidLayoutModal from "./modal/RaidLayoutModal";
@@ -18,6 +20,7 @@ export default function RaidLayoutList({
 	raidLayouts: RaidLayout[];
 	raidGroup: RaidGroup;
 }){
+	const { accountPermissions, raidGroupPermissions } = useAuth();
 	const [ selectedRaidLayout, setSelectedRaidLayout ] = useState<RaidLayout>();
 	const [ displayEditRaidLayoutModal, showEditRaidLayoutModal ] = useState(false);
 	const [ displayDeleteRaidLayoutModal, showDeleteRaidLayoutModal ] = useState(false);
@@ -32,7 +35,8 @@ export default function RaidLayoutList({
 	const buttonProps: ButtonProps = {
 		variant: "ghost",
 		size: "md",
-		shape: "square"
+		shape: "square",
+		disabled: !isRaidGroupAdmin(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions) && !isRaidGroupLeader(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions)
 	};
 
 
@@ -78,6 +82,7 @@ export default function RaidLayoutList({
 				&nbsp;
 			</div>
 			<RaidLayoutAdminButtons
+				raidLayout={raidLayout}
 				buttonProps={buttonProps}
 				showRaidLayoutModal={() => { setSelectedRaidLayout(raidLayout); showEditRaidLayoutModal(true); }}
 				showDeleteRaidLayoutModal={() => { setSelectedRaidLayout(raidLayout); showDeleteRaidLayoutModal(true); }}