Function useStatusFilterMenu

site/src/pages/ConnectionLogPage/ConnectionLogFilter.tsx:108–126

({
	value,
	onChange,
}: Pick<UseFilterMenuOptions, "value" | "onChange">)

};

export const useStatusFilterMenu = ({
	value,
	onChange,
}: Pick<UseFilterMenuOptions, "value" | "onChange">) => {
	const statusOptions: SelectFilterOption[] = ConnectionLogStatuses.map(
		(status) => ({
			value: status,
			label: capitalize(status),
		}),
	);
	return useFilterMenu({
		onChange,
		value,
		id: "status",
		getSelectedOption: async () =>
			statusOptions.find((option) => option.value === value) ?? null,
		getOptions: async () => statusOptions,
	});
};

type StatusFilterMenu = ReturnType<typeof useStatusFilterMenu>;