From 76e8563603957a3a2ee3ca498c4e78f5a8e9adaa Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Fri, 7 May 2021 12:06:02 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8E=20Ajoute=20un=20lien=20vers=20le?=
 =?UTF-8?q?=20simulateur=20Embaucher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Sur la page « formalités d'embauches »
Fixes #1175
---
 .../source/pages/Gérer/Embaucher.tsx          |  9 ++++
 .../source/pages/Simulateurs/Page.tsx         | 43 +++++++++++--------
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/mon-entreprise/source/pages/Gérer/Embaucher.tsx b/mon-entreprise/source/pages/Gérer/Embaucher.tsx
index 32667e14d..901271c4e 100644
--- a/mon-entreprise/source/pages/Gérer/Embaucher.tsx
+++ b/mon-entreprise/source/pages/Gérer/Embaucher.tsx
@@ -4,6 +4,7 @@ import {
 } from 'Actions/hiringChecklistAction'
 import Animate from 'Components/ui/animate'
 import { CheckItem, Checklist, ChecklistProps } from 'Components/ui/Checklist'
+import { SimulatorRessourceCard } from '../Simulateurs/Page'
 import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { connect, useSelector } from 'react-redux'
@@ -216,6 +217,14 @@ function Embaucher({ onChecklistInitialization, onItemCheck }: EmbaucherProps) {
 					<li>Remettre la fiche de paie à votre employé</li>
 				</ul>
 			</Trans>
+
+			<h2 className="ui__ h h3">
+				<Trans>Ressources utiles</Trans>
+			</h2>
+
+			<div className="ui__ box-container">
+				<SimulatorRessourceCard simulatorId="salarié" />
+			</div>
 		</Animate.fromBottom>
 	)
 }
diff --git a/mon-entreprise/source/pages/Simulateurs/Page.tsx b/mon-entreprise/source/pages/Simulateurs/Page.tsx
index 3297d9dce..61ca11da7 100644
--- a/mon-entreprise/source/pages/Simulateurs/Page.tsx
+++ b/mon-entreprise/source/pages/Simulateurs/Page.tsx
@@ -103,7 +103,6 @@ type NextStepsProps = Pick<
 
 function NextSteps({ iframePath, nextSteps }: NextStepsProps) {
 	const sitePaths = useContext(SitePathsContext)
-	const simulators = useSimulatorsData()
 	const { language } = useTranslation().i18n
 	const engine = useEngine()
 
@@ -140,22 +139,7 @@ function NextSteps({ iframePath, nextSteps }: NextStepsProps) {
 					</a>
 				)}
 				{nextSteps?.map((simulatorId) => (
-					<Link
-						key={simulatorId}
-						className="ui__ interactive card lighter-bg box thinner"
-						to={{
-							state: { fromSimulateurs: true },
-							pathname: simulators[simulatorId].path,
-						}}
-					>
-						<h3 className="ui__ h h5">
-							<Emoji emoji={simulators[simulatorId].icône} />{' '}
-							{simulators[simulatorId].shortName}
-						</h3>
-						<p className="ui__ notice">
-							{simulators[simulatorId].meta?.description}
-						</p>
-					</Link>
+					<SimulatorRessourceCard key={simulatorId} simulatorId={simulatorId} />
 				))}
 				{iframePath && (
 					<Link
@@ -181,6 +165,31 @@ function NextSteps({ iframePath, nextSteps }: NextStepsProps) {
 	)
 }
 
+type SimulatorRessourceCardProps = {
+	simulatorId: keyof SimulatorData
+}
+
+export function SimulatorRessourceCard({
+	simulatorId,
+}: SimulatorRessourceCardProps) {
+	const simulators = useSimulatorsData()
+	return (
+		<Link
+			className="ui__ interactive card lighter-bg box thinner"
+			to={{
+				state: { fromSimulateurs: true },
+				pathname: simulators[simulatorId].path,
+			}}
+		>
+			<h3 className="ui__ h h5">
+				<Emoji emoji={simulators[simulatorId].icône} />{' '}
+				{simulators[simulatorId].shortName}
+			</h3>
+			<p className="ui__ notice">{simulators[simulatorId].meta?.description}</p>
+		</Link>
+	)
+}
+
 const guidesUrssaf = [
 	{
 		url: