diff --git a/packages/design-picker/src/components/unified-design-picker.tsx b/packages/design-picker/src/components/unified-design-picker.tsx index f58ed59827103b..a1220787b50b39 100644 --- a/packages/design-picker/src/components/unified-design-picker.tsx +++ b/packages/design-picker/src/components/unified-design-picker.tsx @@ -231,11 +231,11 @@ const DesignPicker: React.FC< DesignPickerProps > = ( { } ) => { const hasCategories = !! Object.keys( categorization?.categories || {} ).length; const filteredDesigns = useFilteredDesigns( designs, categorization ); - const featureCategories = useMemo( + const categoryTypes = useMemo( () => ( categorization?.categories || [] ).filter( ( { slug } ) => isFeatureCategory( slug ) ), [ categorization?.categories ] ); - const subjectCategories = useMemo( + const categoryTopics = useMemo( () => ( categorization?.categories || [] ).filter( ( { slug } ) => ! isFeatureCategory( slug ) ), [ categorization?.categories ] @@ -248,11 +248,11 @@ const DesignPicker: React.FC< DesignPickerProps > = ( { return (
- { categorization && featureCategories.length && isMultiFilterEnabled && ( - + { categorization && categoryTypes.length && isMultiFilterEnabled && ( + = ( { /> ) } - { categorization && subjectCategories.length && ( - + { categorization && categoryTopics.length && ( +