diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx
index 3128d45256..ca7e54dc64 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx
@@ -33,6 +33,7 @@ const FILTERS = [
{ label: 'Standard strategies', value: 'standard' },
{ label: 'Release templates', value: 'releaseTemplates' },
{ label: 'Advanced strategies', value: 'advanced' },
+ { label: 'Custom strategies', value: 'custom' },
] as const;
export type StrategyFilterValue = (typeof FILTERS)[number]['value'];
@@ -121,11 +122,8 @@ export const FeatureStrategyMenuCards = ({
() =>
FILTERS.filter(({ value }) => {
if (value === 'releaseTemplates') return isEnterprise();
- if (value === 'advanced')
- return (
- advancedStrategies.length > 0 ||
- customStrategies.length > 0
- );
+ if (value === 'advanced') return advancedStrategies.length > 0;
+ if (value === 'custom') return customStrategies.length > 0;
return true;
}),
[isEnterprise, advancedStrategies.length, customStrategies.length],
@@ -277,19 +275,15 @@ export const FeatureStrategyMenuCards = ({
setFilter={setFilter}
/>
)}
- {shouldRender('advanced') && (
- <>
- {advancedStrategies.length > 0 && (
-
- {advancedStrategies.map(renderStrategy)}
-
- )}
- {customStrategies.length > 0 && (
-
- {customStrategies.map(renderStrategy)}
-
- )}
- >
+ {shouldRender('advanced') && advancedStrategies.length > 0 && (
+
+ {advancedStrategies.map(renderStrategy)}
+
+ )}
+ {shouldRender('custom') && customStrategies.length > 0 && (
+
+ {customStrategies.map(renderStrategy)}
+
)}