Buttons hidden by permissions

src/ui/person/PersonTab.tsx

@@ -3,6 +3,8 @@ import TextInput from "@/components/input/TextInput";
 import Pagination from "@/components/pagination/Pagination";
 import { useGetPeopleByRaidGroupCount } from "@/hooks/PersonHooks";
 import { RaidGroup } from "@/interface/RaidGroup";
+import { useAuth } from "@/providers/AuthProvider";
+import { isRaidGroupAdmin, isRaidGroupLeader } from "@/util/PermissionUtil";
 import { useEffect, useState } from "react";
 import { useDebouncedCallback } from "use-debounce";
 import PersonModal from "./modals/PersonModal";
@@ -14,6 +16,7 @@ export default function PersonTab({
 }:{
 	raidGroup: RaidGroup;
 }){
+	const { accountPermissions, raidGroupPermissions } = useAuth();
 	const [ displayCreatePersonModal, setDisplayCreatePersonModal ] = useState(false);
 	const [ page, setPage ] = useState(1);
 	const [ totalPages, setTotalPages ] = useState(1);
@@ -60,6 +63,7 @@ export default function PersonTab({
 					<PrimaryButton
 						className="text-nowrap"
 						onClick={() => setDisplayCreatePersonModal(true)}
+						disabled={!isRaidGroupAdmin(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions) && !isRaidGroupLeader(raidGroup.raidGroupId ?? "", raidGroupPermissions, accountPermissions)}
 					>
 						Create Person
 					</PrimaryButton>