diff --git a/src/components/Resources/Resources.css b/src/components/Resources/Resources.css index 6e0775a..27c8d9a 100644 --- a/src/components/Resources/Resources.css +++ b/src/components/Resources/Resources.css @@ -661,10 +661,6 @@ .filter-controls-container { flex-direction: column; } - - .resources-disclaimer { - width: 100%; - } } @media (max-width: 768px) { @@ -685,7 +681,6 @@ .search-filters-container { align-items: stretch; flex-direction: row; - gap: 2.5rem; } .search-container { @@ -698,15 +693,6 @@ gap: 15px; } - .filter-dropdown { - width: 100%; - } - - .toggle-filters { - width: 100%; - justify-content: space-between; - } - .filter-dropdowns { flex-direction: column; align-items: center; @@ -770,4 +756,16 @@ align-items: flex-start; gap: 10px; } + + .search-filters-container { + align-items: stretch; + flex-direction: row; + gap: 2.5rem; + } + + .filter-dropdown { + display: flex; + flex-direction: column; + } + } \ No newline at end of file diff --git a/src/components/Resources/Resources.js b/src/components/Resources/Resources.js index 51441a4..f44cab1 100644 --- a/src/components/Resources/Resources.js +++ b/src/components/Resources/Resources.js @@ -217,27 +217,31 @@ const Resources = () => { return resource.categories && resource.categories.some(cat => cat.name === categoryName); }; - // Filter resources based on active category, search query, and filters - const filteredResources = useMemo(() => { - return resources.filter(resource => { - // Filter by category - const categoryMatch = resourceHasCategory(resource, activeCategory); - - // Filter by search query - const searchMatch = - resource.name.toLowerCase().includes(searchQuery.toLowerCase()) || - resource.description.toLowerCase().includes(searchQuery.toLowerCase()) || - (resource.domain && resource.domain.toLowerCase().includes(searchQuery.toLowerCase())); - - // Filter by "new" status if the toggle is active - const newMatch = !showNewOnly || isNewResource(resource.created_at); - - // Filter by "impacts score" status if the toggle is active - const scoreMatch = !showScoreImpactOnly || impactsScore(resource); - - return categoryMatch && searchMatch && newMatch && scoreMatch; - }); - }, [resources, activeCategory, searchQuery, showNewOnly, showScoreImpactOnly]); +// Filter resources based on active category, search query, and filters +const filteredResources = useMemo(() => { + return resources.filter(resource => { + // Filter by category + const categoryMatch = resourceHasCategory(resource, activeCategory); + + // Filter by search query + const searchMatch = + resource.name.toLowerCase().includes(searchQuery.toLowerCase()) || + resource.description.toLowerCase().includes(searchQuery.toLowerCase()) || + (resource.domain && resource.domain.toLowerCase().includes(searchQuery.toLowerCase())) || + // Add search in tags + (resource.tags && resource.tags.some(tag => + tag.name.toLowerCase().includes(searchQuery.toLowerCase()) + )); + + // Filter by "new" status if the toggle is active + const newMatch = !showNewOnly || isNewResource(resource.created_at); + + // Filter by "impacts score" status if the toggle is active + const scoreMatch = !showScoreImpactOnly || impactsScore(resource); + + return categoryMatch && searchMatch && newMatch && scoreMatch; + }); +}, [resources, activeCategory, searchQuery, showNewOnly, showScoreImpactOnly]); // Get featured resources const featuredResources = useMemo(() => { @@ -513,7 +517,7 @@ const ResourceCard = ({ resource, isNew, impactsScore }) => {