From ad10d0cf9b60476eede3cb1c55877064578a4c79 Mon Sep 17 00:00:00 2001
From: ntsekouras <ntsekouras@outlook.com>
Date: Tue, 24 May 2022 17:19:28 +0300
Subject: [PATCH] make strings translatable

---
 .../add-custom-template-modal.js              | 48 +++++++++++++------
 .../add-new-template/new-template.js          | 27 +++++++++--
 2 files changed, 56 insertions(+), 19 deletions(-)

diff --git a/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js b/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
index ccd4a1690fb9c5..0503cdde35ca34 100644
--- a/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
+++ b/packages/edit-site/src/components/add-new-template/add-custom-template-modal.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { useState, useMemo, useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import {
 	Button,
 	Flex,
@@ -124,7 +124,6 @@ function SuggestionList( { entityForSuggestions, onSelect } ) {
 	return (
 		<>
 			<SearchControl
-				className=""
 				onChange={ setSearchInputValue }
 				value={ searchInputValue }
 				label={ __( 'Search' ) }
@@ -150,7 +149,9 @@ function SuggestionList( { entityForSuggestions, onSelect } ) {
 					) ) }
 				</Composite>
 			) }
-			{ !! search && ! suggestions?.length && <p>No results</p> }
+			{ !! search && ! suggestions?.length && (
+				<p>{ __( 'No results were found.' ) }</p>
+			) }
 		</>
 	);
 }
@@ -162,7 +163,11 @@ function AddCustomTemplateModal( { onClose, onSelect, entityForSuggestions } ) {
 	const baseCssClass = 'edit-site-custom-template-modal';
 	return (
 		<Modal
-			title={ `Add a template for post type: ${ entityForSuggestions.labels.singular }` }
+			title={ sprintf(
+				// translators: %s: Name of the post type e.g: "Post".
+				__( 'Add %s template' ),
+				entityForSuggestions.labels.singular
+			) }
 			className={ baseCssClass }
 			closeLabel={ __( 'Close' ) }
 			onRequestClose={ onClose }
@@ -194,30 +199,45 @@ function AddCustomTemplateModal( { onClose, onSelect, entityForSuggestions } ) {
 							<Icon icon={ globe } />
 							<Heading level={ 5 }>{ __( 'General' ) }</Heading>
 							<Text as="span">
-								{ `Design a template for all ${ entityForSuggestions.labels.plural }.` }
+								{ sprintf(
+									// translators: %s: Name of the post type in plural e.g: "Posts".
+									__( 'Design a template for a all %s.' ),
+									entityForSuggestions.labels.plural
+								) }
 							</Text>
 						</FlexItem>
 						<FlexItem
 							isBlock
-							onClick={
-								() => {
-									setShowSearchEntities( true );
-								}
-								// show the available missing types...
-							}
+							onClick={ () => {
+								setShowSearchEntities( true );
+							} }
 						>
 							<Icon icon={ pin } />
 							<Heading level={ 5 }>{ __( 'Specific' ) }</Heading>
 							<Text as="span">
-								{ `Design a template for a specific ${ entityForSuggestions.labels.singular }.` }
+								{ sprintf(
+									// translators: %s: Name of the post type e.g: "Post".
+									__(
+										'Design a template for a specific %s.'
+									),
+									entityForSuggestions.labels.singular
+								) }
 							</Text>
 						</FlexItem>
-					</Flex>{ ' ' }
+					</Flex>
 				</>
 			) }
 			{ showSearchEntities && (
 				<>
-					<p>{ `Use the search form below to find or create a template for a certain ${ entityForSuggestions.labels.singular }.` }</p>
+					<p>
+						{ sprintf(
+							// translators: %s: Name of the post type e.g: "Post".
+							__(
+								'Select the %s you would like to design a template for.'
+							),
+							entityForSuggestions.labels.singular
+						) }
+					</p>
 					<SuggestionList
 						entityForSuggestions={ entityForSuggestions }
 						onSelect={ onSelect }
diff --git a/packages/edit-site/src/components/add-new-template/new-template.js b/packages/edit-site/src/components/add-new-template/new-template.js
index 8b0f9f1c4c320f..879b837ac7e9bf 100644
--- a/packages/edit-site/src/components/add-new-template/new-template.js
+++ b/packages/edit-site/src/components/add-new-template/new-template.js
@@ -31,7 +31,7 @@ import {
 	search,
 	tag,
 } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 
 /**
@@ -166,8 +166,17 @@ export default function NewTemplate( { postType } ) {
 			const hasEntities = postTypesHaveEntities?.[ slug ];
 			const menuItem = {
 				slug: `single-${ slug }`,
-				title: `Single ${ singularName }`,
-				description: `Displays a single ${ singularName }.`,
+				title: sprintf(
+					// translators: %s: Name of the post type e.g: "Post".
+					__( 'Single %s' ),
+					singularName
+				),
+				// title: `Single ${ singularName }`,
+				description: sprintf(
+					// translators: %s: Name of the post type e.g: "Post".
+					__( 'Displays a single %s.' ),
+					singularName
+				),
 				icon,
 			};
 			// We have a different template creation flow only if they have entities.
@@ -208,8 +217,16 @@ export default function NewTemplate( { postType } ) {
 			) {
 				accumulator.push( {
 					slug: `archive-${ slug }`,
-					title: `${ singularName } archive`,
-					description: `Displays archive of ${ name }.`,
+					title: sprintf(
+						// translators: %s: Name of the post type e.g: "Post".
+						__( '%s archive' ),
+						singularName
+					),
+					description: sprintf(
+						// translators: %s: Name of the post type in plural e.g: "Posts".
+						__( 'Displays archive of %s.' ),
+						name
+					),
 					icon,
 				} );
 			}