👽 TargetSelection

source/components/TargetSelection.js

@@ -51,17 +51,19 @@ export default class TargetSelection extends Component {
 					}}>
 					{this.renderOutputList()}
 				</section>
-				{!this.firstEstimationComplete && <h1>Entrez un salaire mensuel </h1>}
+				{!this.firstEstimationComplete &&
+					<h1><Trans i18nKey="enterSalary">Entrez un salaire mensuel</Trans></h1>
+				}
 
 				{this.firstEstimationComplete &&
 					!conversationStarted && (
 						<div id="action">
 							<p>
-								<b>Estimation approximative</b> <br /> pour une situation par
-								défaut (CDI non cadre).
+								<b><Trans>Estimation approximative</Trans></b> <br />
+								<Trans i18nKey="defaults">pour une situation par défaut (CDI non cadre).</Trans>
 							</p>
 							<BlueButton onClick={this.props.startConversation}>
-								Affiner le calcul
+								<Trans>Affiner le calcul</Trans>
 							</BlueButton>
 						</div>
 					)}

source/locales/en.yaml

@@ -1,5 +1,8 @@
-targetSelection: What would you like to estimate ?
+enterSalary: Enter a monthly salary
 news: Understand the social cost of hiring in France.
+Estimation approximative: This is an estimate
+defaults: assuming a permanent (CDI) full-time contract
+Affiner le calcul: Refine this estimate
 selectMany: You may pick more than one
 Valider: Accept
 valider: accept