fix: some missing i18n wrappers (#10944)

Co-authored-by: Copilot <[email protected]>
Co-authored-by: Rafael Meneses <[email protected]>

Author: 3 people

changelog/fix-some-missing-i18n-wrappers

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+fix: adding some missing i18n wrappers

client/capital/index.tsx

@@ -4,7 +4,7 @@
  * External dependencies
  */
 import React from 'react';
-import { __, _n } from '@wordpress/i18n';
+import { __, _n, sprintf } from '@wordpress/i18n';
 import { TableCard } from '@woocommerce/components';
 
 /**
@@ -79,9 +79,11 @@ const columns = [
 
 const getLoanStatusText = ( loan: CapitalLoan ) => {
 	return loan.fully_paid_at
-		? __( 'Paid off', 'woocommerce-payments' ) +
-				': ' +
+		? sprintf(
+				/* translators: %s: date when the loan was paid off */
+				__( 'Paid off: %s', 'woocommerce-payments' ),
 				formatDateTimeFromString( loan.fully_paid_at )
+		  )
 		: __( 'Active', 'woocommerce-payments' );
 };
 

client/checkout/blocks/payment-methods-logos/logo-popover.tsx

@@ -8,6 +8,7 @@ import React, {
 	useState,
 	useCallback,
 } from 'react';
+import { __ } from '@wordpress/i18n';
 
 interface LogoPopoverProps {
 	id: string;
@@ -118,7 +119,10 @@ export const LogoPopover: React.FC< React.PropsWithChildren<
 				left: 'auto',
 			} }
 			role="dialog"
-			aria-label="Supported Credit Card Brands"
+			aria-label={ __(
+				'Supported Credit Card Brands',
+				'woocommerce-payments'
+			) }
 			data-testid={ dataTestId }
 		>
 			{ children }

client/components/account-balances/index.tsx

@@ -78,7 +78,9 @@ const AccountBalances: React.FC = () => {
 
 		return (
 			<Card className="wcpay-account-balances">
-				<CardHeader>Balance</CardHeader>
+				<CardHeader>
+					{ __( 'Balance', 'woocommerce-payments' ) }
+				</CardHeader>
 				<CardBody className="wcpay-account-balances__balances">
 					<BalanceBlock
 						id={ `wcpay-account-balances-${ loadingData.currencyCode }-total` }
@@ -123,7 +125,9 @@ const AccountBalances: React.FC = () => {
 	return (
 		<>
 			<Card className="wcpay-account-balances">
-				<CardHeader>Balance</CardHeader>
+				<CardHeader>
+					{ __( 'Balance', 'woocommerce-payments' ) }
+				</CardHeader>
 				<CardBody className="wcpay-account-balances__balances">
 					<BalanceBlock
 						id={ `wcpay-account-balances-${ selectedOverview.currencyCode }-total` }

client/components/welcome/currency-select.tsx

@@ -2,6 +2,7 @@
  * External dependencies
  */
 import React, { useEffect } from 'react';
+import { __ } from '@wordpress/i18n';
 import { decodeEntities } from '@wordpress/html-entities';
 
 /**
@@ -87,7 +88,7 @@ export const CurrencySelect: React.FC< {
 
 	return (
 		<InlineLabelSelect
-			label="Currency"
+			label={ __( 'Currency', 'woocommerce-payments' ) }
 			value={ currencyOptions.find(
 				( option ) => option.key === selectedCurrency
 			) }