diff --git a/client/my-sites/plugins/categories/use-categories.tsx b/client/my-sites/plugins/categories/use-categories.tsx index 7a44384bbf456c..fb19c71bcda8ba 100644 --- a/client/my-sites/plugins/categories/use-categories.tsx +++ b/client/my-sites/plugins/categories/use-categories.tsx @@ -74,6 +74,7 @@ export const ALLOWED_CATEGORIES = [ 'javascript', 'community', 'captcha', + 'wpbeginner', ]; export const getCategories: () => Record< string, Category > = () => ( { @@ -751,6 +752,14 @@ export const getCategories: () => Record< string, Category > = () => ( { tags: [ 'captcha', 'invisible captcha', 'nocaptcha', 'CAPTCHA Code', 'anti-spam' ], preview: [], }, + wpbeginner: { + menu: __( 'WPBeginner' ), + title: __( 'Must-have plugins from WPBeginner' ), + description: __( 'Add the best-loved plugins on WordPress.com' ), + slug: 'wpbeginner', + tags: [ 'wpbeginner', 'Awesome Motive' ], + preview: [], + }, } ); /** diff --git a/client/my-sites/plugins/plugins-category-results-page/index.jsx b/client/my-sites/plugins/plugins-category-results-page/index.jsx index 73ecaba246c9c4..9cd6fbb73777b5 100644 --- a/client/my-sites/plugins/plugins-category-results-page/index.jsx +++ b/client/my-sites/plugins/plugins-category-results-page/index.jsx @@ -25,15 +25,14 @@ const PluginsCategoryResultsPage = ( { category, siteSlug, sites } ) => { let results = pagination.results; const categories = useCategories(); - let categoryName = categories[ category ]?.title || category; - let categoryDescription = categories[ category ]?.description; + + const categoryName = categories[ category ]?.title || category; + const categoryDescription = categories[ category ]?.description; const translate = useTranslate(); if ( category === 'wpbeginner' ) { plugins = esPlugins; isFetching = esIsFetching; - categoryName = translate( 'Must-have plugins from WPBeginner' ); - categoryDescription = translate( 'Add the best-loved plugins on WordPress.com' ); results = esPlugins.length; } else { plugins = categoryPlugins; diff --git a/client/my-sites/plugins/plugins-discovery-page/index.jsx b/client/my-sites/plugins/plugins-discovery-page/index.jsx index d5a146cf1e9e48..c61286d5f8fec0 100644 --- a/client/my-sites/plugins/plugins-discovery-page/index.jsx +++ b/client/my-sites/plugins/plugins-discovery-page/index.jsx @@ -1,4 +1,3 @@ -import { useTranslate } from 'i18n-calypso'; import { useSelector } from 'react-redux'; import { useESPlugin } from 'calypso/data/marketplace/use-es-query'; import HostingActivateStatus from 'calypso/hosting/server-settings/hosting-activate-status'; @@ -7,6 +6,7 @@ import { TrialAcknowledgeModal } from 'calypso/my-sites/plans/trials/trial-ackno import { WithOnclickTrialRequest } from 'calypso/my-sites/plans/trials/trial-acknowledge/with-onclick-trial-request'; import { isCompatiblePlugin } from 'calypso/my-sites/plugins/plugin-compatibility'; import { isUserLoggedIn } from 'calypso/state/current-user/selectors'; +import { useCategories } from '../categories/use-categories'; import { WPBEGINNER_PLUGINS } from '../constants'; import EducationFooter from '../education-footer'; import CollectionListView from '../plugins-browser/collection-list-view'; @@ -52,18 +52,21 @@ export const PaidPluginsSection = ( props ) => { ); }; export const FeaturedWPBeginnerSection = ( props ) => { - const translate = useTranslate(); + const category = 'wpbeginner'; + const categories = useCategories(); + const categoryName = categories[ category ]?.title || category; + const categoryDescription = categories[ category ]?.description; const { data: plugins = [], isFetching } = useESPlugin( WPBEGINNER_PLUGINS ); return ( ); };