allow for more categories to be returned from backend (#590)

Author: mcanoy

src/components/engagement_categories/category_typeahead.tsx

@@ -63,6 +63,7 @@ export function CategoryTypeahead({
             aria-labelledby={'titleId'}
             placeholderText="Add new tag"
             isCreatable={true}
+            maxHeight={300}
           >
             {options}
           </Select>

src/components/engagement_categories/engagement_editable_categories.tsx

@@ -24,7 +24,7 @@ export function EngagementEditableCategories() {
   useEffect(() => {
     if (!hasFetched && categories?.length === 0) {
       setHasFetched(true);
-      fetchCategories();
+      fetchCategories({ page: 1, perPage: 1000});
     }
   }, [categories, hasFetched, setHasFetched, fetchCategories]);
 

src/context/category_context/category_context.tsx

@@ -1,14 +1,14 @@
 import React, { createContext, useContext, useState } from 'react';
 import { EngagementCategory } from '../../schemas/engagement_category';
-import { CategoryService } from '../../services/category_service/category_service';
+import { CategoryFilter, CategoryService } from '../../services/category_service/category_service';
 
 export interface ICategoryContext {
   fetchCategories: () => void;
   categories: EngagementCategory[];
 }
 
 export const CategoryContext = createContext<ICategoryContext>({
-  fetchCategories: () => {},
+  fetchCategories: (filter?: CategoryFilter) => {},
   categories: [],
 });
 
@@ -22,8 +22,8 @@ export const CategoryProvider = ({
   categoryService,
 }: CategoryProviderProps) => {
   const [categories, setCategories] = useState<EngagementCategory[]>([]);
-  const fetchCategories = async () => {
-    const fetched = await categoryService.fetchCategories();
+  const fetchCategories = async (filter?: CategoryFilter) => {
+    const fetched = await categoryService.fetchCategories(filter);
     setCategories(fetched);
   };
   return (