tweak emoji survey prompt - "these", was "those" (#8725)

Co-authored-by: Rua Haszard <[email protected]>
Co-authored-by: Eric Jinks <[email protected]>

changelog/fix-8724-are-these-metrics

@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: This is covered by emoji survey changelog from #8506
+
+

client/components/payment-activity/survey/index.tsx

@@ -99,7 +99,7 @@ const Survey: React.FC = () => {
 			<div className="wcpay-payments-activity__survey">
 				<div className="survey_container">
 					{ __(
-						'Are those metrics helpful?',
+						'Are these metrics helpful?',
 						'woocommerce-payments'
 					) }
 

client/components/payment-activity/survey/test/__snapshots__/index.test.tsx.snap

@@ -13,7 +13,7 @@ exports[`WcPayOverviewSurveyContextProvider test survey initial display 1`] = `
       <div
         class="survey_container"
       >
-        Are those metrics helpful?
+        Are these metrics helpful?
         <div
           class="survey_container__emoticons"
         >
@@ -92,7 +92,7 @@ exports[`WcPayOverviewSurveyContextProvider test survey with comments textbox 1`
       <div
         class="survey_container"
       >
-        Are those metrics helpful?
+        Are these metrics helpful?
         <div
           class="survey_container__emoticons"
         >

client/components/payment-activity/survey/test/index.test.tsx

@@ -53,7 +53,7 @@ describe( 'WcPayOverviewSurveyContextProvider', () => {
 			</WcPayOverviewSurveyContextProvider>
 		);
 
-		const surveyText = screen.getByText( 'Are those metrics helpful?' );
+		const surveyText = screen.getByText( 'Are these metrics helpful?' );
 		expect( surveyText ).toBeInTheDocument();
 
 		const buttons = screen.getAllByRole( 'button' );

client/components/payment-activity/test/__snapshots__/index.test.tsx.snap

@@ -260,7 +260,7 @@ exports[`PaymentActivity component should render 1`] = `
           <div
             class="survey_container"
           >
-            Are those metrics helpful?
+            Are these metrics helpful?
             <div
               class="survey_container__emoticons"
             >

client/components/payment-activity/test/index.test.tsx

@@ -120,7 +120,7 @@ describe( 'PaymentActivity component', () => {
 		const { container, getByText } = render( <PaymentActivity /> );
 
 		// Check survey is rendered.
-		getByText( 'Are those metrics helpful?' );
+		getByText( 'Are these metrics helpful?' );
 
 		expect( container ).toMatchSnapshot();
 	} );
@@ -140,7 +140,7 @@ describe( 'PaymentActivity component', () => {
 		const { queryByText } = render( <PaymentActivity /> );
 
 		expect(
-			queryByText( 'Are those metrics helpful?' )
+			queryByText( 'Are these metrics helpful?' )
 		).not.toBeInTheDocument();
 	} );
 } );