diff --git a/src/pages/Marketplace/ActiveFilters.tsx b/src/pages/Marketplace/ActiveFilters.tsx index 123ef80bce..ec5f63cb3d 100644 --- a/src/pages/Marketplace/ActiveFilters.tsx +++ b/src/pages/Marketplace/ActiveFilters.tsx @@ -8,7 +8,7 @@ import { setKYCOnly, setSDGgroups, } from "slices/components/marketFilter"; -import { categories, unsdgs } from "constants/unsdgs"; +import { categories } from "constants/unsdgs"; export default function ActiveFilters() { const { endow_designation, sdgGroups, countries, kyc_only } = useGetter( diff --git a/src/pages/Marketplace/Cards/useCards.ts b/src/pages/Marketplace/Cards/useCards.ts index 5f7189d8fb..a362895aad 100644 --- a/src/pages/Marketplace/Cards/useCards.ts +++ b/src/pages/Marketplace/Cards/useCards.ts @@ -5,13 +5,16 @@ import { } from "services/aws/aws"; import { useGetter, useSetter } from "store/accessors"; import { isEmpty } from "helpers"; +import { categories } from "constants/unsdgs"; export default function useCards() { const dispatch = useSetter(); - const { sort, searchText, ...params } = useGetter( + const { sort, searchText, sdgGroups, ...params } = useGetter( (state) => state.component.marketFilter ); + const sdgs = sdgGroups.flatMap((g) => categories[g].sdgs); + const _params = Object.entries(params).reduce( (prev, [key, val]) => ({ ...prev, @@ -27,6 +30,7 @@ export default function useCards() { page: 1, // always starts at page 1 hits: 15, published: "true", + sdgs: sdgs.join(","), ..._params, });