Update ReaderCard

client/my-sites/customer-home/cards/features/reader/index.tsx

@@ -1,10 +1,7 @@
-import { useLocale } from '@automattic/i18n-utils';
-import { useQuery } from '@tanstack/react-query';
 import { useTranslate } from 'i18n-calypso';
 import { useEffect } from 'react';
 import iconReaderLightbulb from 'calypso/assets/images/customer-home/reader-lightbulb.svg';
 import withDimensions from 'calypso/lib/with-dimensions';
-import wpcom from 'calypso/lib/wp';
 import { trackScrollPage } from 'calypso/reader/controller-helper';
 import DiscoverNavigation from 'calypso/reader/discover/components/navigation/v1';
 import { DEFAULT_TAB, buildDiscoverStreamKey } from 'calypso/reader/discover/helper';
@@ -20,24 +17,6 @@ interface ReaderCardProps {
 
 const ReaderCard = ( props: ReaderCardProps ) => {
 	const translate = useTranslate();
-	const locale = useLocale();
-
-	const { data: interestTags = [] } = useQuery( {
-		queryKey: [ 'read/interests', locale ],
-		queryFn: () =>
-			wpcom.req.get(
-				{
-					path: `/read/interests`,
-					apiNamespace: 'wpcom/v2',
-				},
-				{
-					_locale: locale,
-				}
-			),
-		select: ( data ) => {
-			return data.interests;
-		},
-	} );
 
 	const queryParams = new URLSearchParams( window.location.search );
 	const selectedTab = queryParams.get( 'selectedTab' ) || DEFAULT_TAB;
@@ -65,11 +44,7 @@ const ReaderCard = ( props: ReaderCardProps ) => {
 						) }
 					</span>
 				</div>
-				<DiscoverNavigation
-					width={ props.width }
-					selectedTab={ selectedTab }
-					recommendedTags={ interestTags }
-				/>
+				<DiscoverNavigation width={ props.width } selectedTab={ selectedTab } />
 				<Stream
 					streamKey={ streamKey }
 					trackScrollPage={ trackScrollPage.bind( null ) }