From 780dc703ab5217b6969ba81a8d72e7b02299aa0a Mon Sep 17 00:00:00 2001
From: Johan Girod <johangirod@gmail.com>
Date: Wed, 14 Nov 2018 15:32:39 +0100
Subject: [PATCH] =?UTF-8?q?:alien:=20ajoute=20la=20traduction=20du=20modul?=
 =?UTF-8?q?e=20de=20vie=20priv=C3=A9e=20(commun=20=C3=A0=20embauche=20et?=
 =?UTF-8?q?=20infrance)'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/PrivacyContent.js           | 37 +++++++++++++++++++
 source/locales/en.yaml                        | 14 +++++++
 source/sites/embauche.gouv.fr/pages/About.js  | 18 +--------
 .../layout/Footer/Privacy.js                  | 30 ++-------------
 4 files changed, 57 insertions(+), 42 deletions(-)
 create mode 100644 source/components/PrivacyContent.js

diff --git a/source/components/PrivacyContent.js b/source/components/PrivacyContent.js
new file mode 100644
index 000000000..ca0abf531
--- /dev/null
+++ b/source/components/PrivacyContent.js
@@ -0,0 +1,37 @@
+import { T } from 'Components'
+import withLanguage from 'Components/utils/withLanguage'
+import React from 'react'
+
+const PrivacyContent = ({ language }) => (
+	<>
+		<T k="privacyContent">
+			<h1>Vie privée</h1>
+			<p>
+				Nous ne stockons aucune donnée personnelle sur nos serveurs. Toutes les
+				informations que vous fournissez (salaires, code postal de l'entreprise,
+				SIREN etc.) sont sauvegardées uniquement sur votre navigateur. Personne
+				d'autre que vous ne peut y avoir accès.
+			</p>
+			<p>
+				Toutefois, nous recueillons des statistiques anonymes sur l'utilisation
+				du site, que nous utilisons dans le seul but d'améliorer le service,
+				conformément aux{' '}
+				<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
+					recommandations de la cnil
+				</a>{' '}
+				et à la directive RGPD.
+			</p>
+			<p>Vous pouvez vous en soustraire ci-dessous.</p>
+		</T>
+		<iframe
+			style={{
+				border: 0,
+				height: '200px',
+				width: '100%'
+			}}
+			src={`https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=${language}`}
+		/>
+	</>
+)
+
+export default withLanguage(PrivacyContent)
diff --git a/source/locales/en.yaml b/source/locales/en.yaml
index e1450a09d..b59ef4d02 100644
--- a/source/locales/en.yaml
+++ b/source/locales/en.yaml
@@ -508,3 +508,17 @@ path:
     index: '/hiring-process'
 
 micro-entreprise: micro-enterprise
+privacyContent: >
+  <0>$t(Vie privée)</0>
+  <1>
+    We do not store any personal data on our servers. All the information 
+    you provide (salaries, company postal code, SIREN etc.) is saved only 
+    on your browser. No one else can have access to it but you.
+  </1>
+  <2>
+    However, we do collect anonymous statistics on site usage, which we use 
+    for the sole purpose of improving the service, in accordance with the 
+    <2>recommendations of the CNIL</2> and the DPRG directive.
+  </2>
+  <3>You can opt out below.</3>
+Vie privée: Privacy
diff --git a/source/sites/embauche.gouv.fr/pages/About.js b/source/sites/embauche.gouv.fr/pages/About.js
index 85c76128b..3a9152cd7 100644
--- a/source/sites/embauche.gouv.fr/pages/About.js
+++ b/source/sites/embauche.gouv.fr/pages/About.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
 import './About.css'
 import './MailChimp.css'
+import PrivacyContent from 'Components/PrivacyContent';
 
 export default class About extends Component {
 	render() {
@@ -57,22 +58,7 @@ export default class About extends Component {
 					</p>
 				</section>
 				{/* <p>Notre prochaine rencontre OpenLab aura lieu <strong>le mercredi 18 janvier 2017 à 10h</strong>, au 86 allée de Bercy, 75012, salle 381-R</p> */}
-				<h1>Vie privée</h1>
-				<p>
-					Les simulateurs hébergés sur embauche.beta.gouv.fr n'ont pas de
-					mémoire : les données de simulation (salaires, code postal de
-					l'entreprise, etc.) <em>ne sont pas stockées sur nos serveurs</em>.
-				</p>
-				<p>
-					Par contre, nous recueillons des statistiques anonymes d'usage du
-					site, que nous utilisons dans l'unique but d'améliorer le service,
-					conformément aux{' '}
-					<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
-						recommandations de la CNIL
-					</a>
-					.
-				</p>
-				<iframe src="https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr" />
+				<PrivacyContent/>
 				<LegalNoticeContent />
 			</section>
 		)
diff --git a/source/sites/mycompanyinfrance.fr/layout/Footer/Privacy.js b/source/sites/mycompanyinfrance.fr/layout/Footer/Privacy.js
index ff7155758..77171a65e 100644
--- a/source/sites/mycompanyinfrance.fr/layout/Footer/Privacy.js
+++ b/source/sites/mycompanyinfrance.fr/layout/Footer/Privacy.js
@@ -1,4 +1,6 @@
+import { T } from 'Components'
 import Overlay from 'Components/Overlay'
+import PrivacyContent from 'Components/PrivacyContent'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import React, { Component } from 'react'
 
@@ -16,36 +18,12 @@ export default class Privacy extends Component {
 		return (
 			<>
 				<button onClick={this.handleOpen} className="ui__ link-button">
-					Privacy
+					<T>Vie privée</T>
 				</button>
 				{this.state.opened && (
 					<Overlay onClose={this.handleClose} style={{ textAlign: 'left' }}>
 						<ScrollToTop />
-						<h1>Privacy</h1>
-						<p>
-							We do not store any personal data on our servers. All the
-							information you provide (salaries, company postal code, SIREN
-							etc.) is saved only on your browser. No one else can have access
-							to it but you.
-						</p>
-						<p>
-							However, we do collect anonymous statistics on site usage, which
-							we use for the sole purpose of improving the service, in
-							accordance with the{' '}
-							<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
-								recommendations of the CNIL
-							</a>{' '}
-							and the DPRG directive.
-						</p>
-						<p>You can opt out below.</p>
-						<iframe
-							style={{
-								border: 0,
-								height: '200px',
-								width: '100%'
-							}}
-							src="https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=en"
-						/>
+						<PrivacyContent />
 					</Overlay>
 				)}
 			</>