Function GroupPage

site/src/pages/GroupsPage/GroupPage.tsx:46–202

()

};

const GroupPage: FC = () => {
	const { organization = "default", groupName } = useParams() as {
		organization?: string;
		groupName: string;
	};
	const location = useLocation();
	const queryClient = useQueryClient();
	const navigate = useNavigate();
	const [searchParams, setSearchParams] = useSearchParams();
	const groupQuery = useQuery(
		group(organization, groupName, { exclude_members: true }),
	);
	const membersQuery = usePaginatedQuery(
		groupMembers(organization, groupName, searchParams),
	);
	const useFilterResult = useFilter({
		searchParams,
		onSearchParamsChange: setSearchParams,
		onUpdate: membersQuery.goToFirstPage,
	});

	const groupData = groupQuery.data;
	const { data: permissions } = useQuery({
		...groupPermissions(groupData?.id ?? ""),
		enabled: Boolean(groupData),
	});
	const deleteGroupMutation = useMutation(
		deleteGroup(queryClient, organization),
	);
	const [isDeletingGroup, setIsDeletingGroup] = useState(false);
	const isLoading =
		groupQuery.isLoading ||
		!groupData ||
		!permissions ||
		membersQuery.isLoading ||
		!membersQuery.data;
	const canUpdateGroup = permissions ? permissions.canUpdateGroup : false;

	const title = (
		<title>
			{pageTitle((groupData?.display_name || groupData?.name) ?? "Loading...")}
		</title>
	);

	const error = groupQuery.error || membersQuery.error;
	if (error) {
		return <ErrorAlert error={error} />;
	}

	if (isLoading) {
		return (
			<>
				{title}
				<Loader />
			</>
		);
	}