From 73e972526aeb21fc49b260f1f23ec05a3f012ae6 Mon Sep 17 00:00:00 2001 From: nickfrosty <75431177+nickfrosty@users.noreply.github.com> Date: Wed, 11 Sep 2024 10:58:20 -0400 Subject: [PATCH] fix: deduplicate filters --- .../DevelopersResources.jsx | 27 ++++++++++++++++--- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/src/components/developers/DevelopersResources/DevelopersResources.jsx b/src/components/developers/DevelopersResources/DevelopersResources.jsx index ae2ed8357..509820aa4 100644 --- a/src/components/developers/DevelopersResources/DevelopersResources.jsx +++ b/src/components/developers/DevelopersResources/DevelopersResources.jsx @@ -14,32 +14,37 @@ const DevelopersResourcesFilters = dynamic( const mapItemsIntoFilters = (itemFilters) => (item) => { // handle the `category` field - if (!!item?.category) + if (!!item?.category) { if (!itemFilters.category.items.includes(item?.category)) { itemFilters.category.items.push(item?.category); } + } // handle the `difficulty` field - if (!!item?.difficulty) + if (!!item?.difficulty) { if (!itemFilters.difficulty.items.includes(item?.difficulty)) { + console.log(item.difficulty); itemFilters.difficulty.items.push(item?.difficulty); } + } // handle the `labels` field - if (!!item?.labels) + if (!!item?.labels) { item.labels?.forEach((label) => { if (!itemFilters?.labels.items.includes(label)) { itemFilters.labels.items.push(label); } }); + } // handle the `tags` field - if (!!item?.tags) + if (!!item?.tags) { item.tags.forEach((tag) => { if (!itemFilters.tags.items.includes(tag)) { itemFilters.tags.items.push(tag); } }); + } return item; }; @@ -73,6 +78,20 @@ export default memo(function DevelopersResources({ items, title = "" }) { // map all the filterable items to populate the filters items.map(mapItemsIntoFilters(filters)); + // deduplicate all filters + filters.difficulty.items = Array.from( + new Set(filters.difficulty.items.map((item) => item.toLowerCase())), + ); + filters.category.items = Array.from( + new Set(filters.category.items.map((item) => item.toLowerCase())), + ); + filters.tags.items = Array.from( + new Set(filters.tags.items.map((item) => item.toLowerCase())), + ); + filters.labels.items = Array.from( + new Set(filters.labels.items.map((item) => item.toLowerCase())), + ); + // force sort all filters to the same, always for (const key in filters) filters[key].items.sort();