diff --git a/client/hosting/sites/components/sites-dataviews/index.tsx b/client/hosting/sites/components/sites-dataviews/index.tsx index 2b742a679ebf25..0cf018a6a31004 100644 --- a/client/hosting/sites/components/sites-dataviews/index.tsx +++ b/client/hosting/sites/components/sites-dataviews/index.tsx @@ -1,3 +1,4 @@ +import { useHasEnTranslation } from '@automattic/i18n-utils'; import { useI18n } from '@wordpress/react-i18n'; import { useCallback, useEffect, useMemo, useState } from 'react'; import ItemsDataViews from 'calypso/a8c-for-agencies/components/items-dashboard/items-dataviews'; @@ -52,6 +53,7 @@ const DotcomSitesDataViews = ( { setDataViewsState, }: Props ) => { const { __ } = useI18n(); + const hasEnTranslation = useHasEnTranslation(); const userId = useSelector( getCurrentUserId ); const openSitePreviewPane = useCallback( @@ -176,11 +178,15 @@ const DotcomSitesDataViews = ( { [ __, openSitePreviewPane, userId, dataViewsState, setDataViewsState, siteStatusGroups ] ); + const siteSearchLabel = hasEnTranslation( 'Search sites…' ) + ? __( 'Search sites…' ) + : __( 'Search sites' ); + // Create the itemData packet state const [ itemsData, setItemsData ] = useState< ItemsDataViewsType< SiteExcerptData > >( { items: sites, itemFieldId: 'ID', - searchLabel: __( 'Search by name or domain…' ), + searchLabel: siteSearchLabel, fields, actions: [], setDataViewsState: setDataViewsState, @@ -198,10 +204,11 @@ const DotcomSitesDataViews = ( { // actions: actions, setDataViewsState, dataViewsState, + searchLabel: siteSearchLabel, selectedItem: dataViewsState.selectedItem, pagination: paginationInfo, } ) ); - }, [ fields, dataViewsState, paginationInfo, setDataViewsState, sites ] ); // add actions when implemented + }, [ fields, dataViewsState, paginationInfo, setDataViewsState, sites, siteSearchLabel ] ); // add actions when implemented return (