Fixing search filter (#187)

* Fixing search filter back for progress grant data

* Importing css sheet for search bar

Author: janekamata

frontend/src/main-page/grants/filter-bar/GrantSearch.tsx

@@ -7,6 +7,7 @@ import { updateSearchQuery } from "../../../external/bcanSatchel/actions";
 import { Grant } from "../../../../../middle-layer/types/Grant";
 // import { api } from "../../../api";
 import { Input } from "@chakra-ui/react";
+import "../styles/GrantSearch.css"
 
 
 function GrantSearch() {

frontend/src/main-page/grants/filter-bar/processGrantData.ts

@@ -7,6 +7,7 @@ import {
   filterGrants,
   yearFilterer,
   statusFilter,
+  searchFilter
 } from "./grantFilters";
 import { sortGrants } from "./grantSorter.ts";
 import { api } from "../../../api.ts";
@@ -28,7 +29,7 @@ const fetchGrants = async () => {
 // contains callbacks for sorting and filtering grants
 // stores state for list of grants/filter
 export const ProcessGrantData = () => {
-  const { allGrants, filterStatus, startDateFilter, endDateFilter, yearFilter } = getAppStore();
+  const { allGrants, filterStatus, startDateFilter, endDateFilter, yearFilter, searchQuery } = getAppStore();
 
   // fetch grants on mount if empty
   useEffect(() => {
@@ -40,6 +41,7 @@ export const ProcessGrantData = () => {
     statusFilter(filterStatus),
     dateRangeFilter(startDateFilter, endDateFilter),
     yearFilterer(yearFilter),
+    searchFilter(searchQuery)
   ]);
 
   // sorting callback