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})