diff --git a/e2e/tests/smoke/smoke-campaigns.spec.ts b/e2e/tests/smoke/smoke-campaigns.spec.ts index 402ae6f35..83ef119aa 100644 --- a/e2e/tests/smoke/smoke-campaigns.spec.ts +++ b/e2e/tests/smoke/smoke-campaigns.spec.ts @@ -46,7 +46,7 @@ test.describe('Campaigns page smoke tests - BG language version', async () => { expect( await campaignsPage.getFilterButtonsCount(), 'Filter buttons count is not correct!', - ).toEqual(12) + ).toEqual(4) }) test('Support Now action button navigates to the Donation page for particular campaign', async () => { diff --git a/src/components/client/campaigns/CampaignFilter.tsx b/src/components/client/campaigns/CampaignFilter.tsx index ff400f070..292a466fa 100644 --- a/src/components/client/campaigns/CampaignFilter.tsx +++ b/src/components/client/campaigns/CampaignFilter.tsx @@ -57,6 +57,11 @@ const Root = styled('div')(() => ({ color: theme.palette.primary.light, borderBottom: `5px solid ${theme.palette.primary.light}`, }, + + '&[aria-selected="true"]': { + color: theme.palette.primary.light, + borderBottom: `5px solid ${theme.palette.primary.light}`, + }, }, })) @@ -103,10 +108,12 @@ export default function CampaignFilter() { {Object.values(CampaignTypeCategory).map((category) => { const count = campaigns?.filter((campaign) => campaign.campaignType.category === category).length ?? 0 + if (count === 0) return return ( setSelectedCategory(category)}> {categories[category].icon ?? } @@ -116,7 +123,10 @@ export default function CampaignFilter() { ) })} - setSelectedCategory('ALL')}> + setSelectedCategory('ALL')}> {t(`campaigns:filters.all`)} ({campaigns?.length ?? 0})