How to use the i18n-calypso.localize function in i18n-calypso

"To set up this service, we're going to make some changes to the " +
								'the DNS records for your domain.'
						) }
					
					 
					<a>{ showRecordsLinkText }</a>
				<p></p>
				{ this.renderDnsTemplateRecords() }
				{ this.renderConflictingRecords() }
			
		);
		/* eslint-enable jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */
	}
}

export default localize( DomainConnectAuthorizeRecords );

);
		} else if ( ! isEmpty( messages.success ) ) {
			notices.success(
				messages.success.map( ( success, index ) => (
					<p>{ success.message }</p>
				) )
			);
		}
	}

	render() {
		return null;
	}
}

export default localize( CartMessages );

selectedDay={ selectedDay }
				onSelectDay={ onSelectDay }
				disabledDays={ disabledDays }
			/>
		
	);
};

DateField.propTypes = {
	fieldName: PropTypes.string,
	explanationText: PropTypes.string,
	value: PropTypes.string,
	edit: PropTypes.func,
};

export default localize( withLocalizedMoment( DateField ) );

<div>
		 }
			title={ translate( 'Activity' ) }
			description={ translate(
				'View a chronological list of all the changes and updates to your site in an organized, readable way.'
			) }
			buttonText={ translate( 'View your site activity' ) }
			href={ `/activity-log/${ siteSlug }` }
		/&gt;
	</div>
);

export default connect( state =&gt; ( {
	siteSlug: getSelectedSiteSlug( state ),
} ) )( localize( SiteActivity ) );

}

		return {
			siteId,
			site: getSelectedSite( state ),
			type: post.type,
			typeObject: getPostType( state, siteId, post.type ),
			postUrl: post.URL || null,
			postDate: post.date || null,
		};
	},
	{
		setLayoutFocus,
		recordTracksEvent,
	}
)( localize( withLocalizedMoment( EditorNotice ) ) );

>
					{ tooltipMessage }
				
			
		);
	}
}

export default connect( state => {
	const siteId = getSelectedSiteId( state );
	const postId = getEditorPostId( state );

	return {
		slug: getEditedPostSlug( state, siteId, postId ),
	};
} )( localize( EditorPermalink ) );

import EmptyContent from 'components/empty-content';
import FollowersStore from 'lib/followers/store';
import EmailFollowersStore from 'lib/email-followers/store';
import accept from 'lib/accept';
import analytics from 'lib/analytics';
import ListEnd from 'components/list-end';
import { preventWidows } from 'lib/formatting';

/**
 * Stylesheet dependencies
 */
import './style.scss';

const maxFollowers = 1000;

const Followers = localize(
	class FollowersComponent extends Component {
		constructor() {
			super();

			this.infiniteList = React.createRef();
		}

		state = {
			bulkEditing: false,
		};

		renderPlaceholders() {
			return ;
		}

		fetchNextPage = () => {

className={ buttonClasses }
					disabled={ ! hasCommentText }
					onClick={ this.submitComment }
				>
					{ translate( 'Send' ) }
				
			
		);
	}
}

const mapStateToProps = state => ( {
	currentUser: getCurrentUser( state )
} );

export default connect( mapStateToProps )( localize( CommentDetailReply ) );

<div>
				
				{ this.props.contactDetails ? (
					
				) : (
					
				) }
			</div>
		);
	}
}

export default connect( state =&gt; ( { contactDetails: getContactDetailsCache( state ) } ), {
	recordTracksEvent,
	updateContactDetailsCache,
} )( localize( DomainDetailsFormContainer ) );

export default connect(
	state => {
		const selectedSite = getSelectedSite( state );
		const siteId = get( selectedSite, 'ID', null );
		const domains = getDomainsBySiteId( state, siteId );
		return {
			domains,
			domainsWithForwards: getDomainsWithForwards( state, domains ),
			gsuiteUsers: getGSuiteUsers( state, siteId ),
			isRequestingDomains: isRequestingSiteDomains( state, siteId ),
			selectedSite,
		};
	},
	{ recordTracksEvent: recordTracksEventAction }
)( localize( GSuiteAddUsers ) );