From 5e31e1544f168cb833439036906384648578cbe0 Mon Sep 17 00:00:00 2001 From: Jane Kamata Date: Tue, 21 Oct 2025 15:48:28 -0400 Subject: [PATCH 1/2] Fixing search back --- frontend/src/main-page/grants/filter-bar/processGrantData.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/frontend/src/main-page/grants/filter-bar/processGrantData.ts b/frontend/src/main-page/grants/filter-bar/processGrantData.ts index 7bac0cd..2a444cf 100644 --- a/frontend/src/main-page/grants/filter-bar/processGrantData.ts +++ b/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 From 5038f99856e6add8a08e65db01997d5f404cfbc9 Mon Sep 17 00:00:00 2001 From: Jane Kamata Date: Tue, 21 Oct 2025 15:55:02 -0400 Subject: [PATCH 2/2] Importing css sheet --- frontend/src/main-page/grants/filter-bar/GrantSearch.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx b/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx index 0110a53..914224c 100644 --- a/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx +++ b/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() {