Rename design picker filter category labels (#97224)

Automattic · Dec 9, 2024 · c939a2c · c939a2c
1 parent 3336b37
commit c939a2c
Showing 1 changed file with 8 additions and 11 deletions.
diff --git 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,26 +248,23 @@ const DesignPicker: React.FC< DesignPickerProps > = ( {
 	return (
 		<div>
 			<div className="design-picker__filters">
-				{ categorization && featureCategories.length && isMultiFilterEnabled && (
-					<DesignPickerFilterGroup title={ translate( 'Features' ) }>
+				{ categorization && categoryTypes.length && isMultiFilterEnabled && (
+					<DesignPickerFilterGroup title={ translate( 'Type' ) }>
 						<DesignPickerCategoryFilter
 							className="design-picker__category-filter"
-							categories={ featureCategories }
+							categories={ categoryTypes }
 							onSelect={ categorization.onSelect }
 							selectedSlugs={ categorization.selections }
 							isMultiSelection={ isMultiFilterEnabled }
 							forceSwipe
 						/>
 					</DesignPickerFilterGroup>
 				) }
-				{ categorization && subjectCategories.length && (
-					<DesignPickerFilterGroup
-						title={ isMultiFilterEnabled ? translate( 'Subjects' ) : '' }
-						grow
-					>
+				{ categorization && categoryTopics.length && (
+					<DesignPickerFilterGroup title={ isMultiFilterEnabled ? translate( 'Topic' ) : '' } grow>
 						<DesignPickerCategoryFilter
 							className="design-picker__category-filter"
-							categories={ isMultiFilterEnabled ? subjectCategories : categorization.categories }
+							categories={ isMultiFilterEnabled ? categoryTopics : categorization.categories }
 							onSelect={ categorization.onSelect }
 							selectedSlugs={ categorization.selections }
 							isMultiSelection={ isMultiFilterEnabled }