From 07f95d75a0aea173714003ba8d13fffe81b8e234 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= <wiinxt@gmail.com>
Date: Wed, 22 Feb 2023 16:32:53 +0100
Subject: [PATCH] Ajout de l'assistant dans la liste des simulateurs et ajoute
 une description

---
 site/source/pages/Simulateurs/Home.tsx        | 17 ++++++++++-
 site/source/pages/assistants/index.tsx        |  8 ++++--
 .../recherche-code-ape/SearchCodeAPE.tsx      |  2 +-
 .../assistants/recherche-code-ape/config.ts   |  7 +++--
 .../assistants/recherche-code-ape/index.tsx   | 28 +++++++++++++++++++
 5 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/site/source/pages/Simulateurs/Home.tsx b/site/source/pages/Simulateurs/Home.tsx
index a041c46e4..2d54e3247 100644
--- a/site/source/pages/Simulateurs/Home.tsx
+++ b/site/source/pages/Simulateurs/Home.tsx
@@ -177,6 +177,10 @@ export default function Simulateurs() {
 						{...simulators['coût-création-entreprise']}
 						role="listitem"
 					/>
+					<SimulateurCard
+						{...simulators['recherche-code-ape']}
+						role="listitem"
+					/>
 				</Grid>
 			</section>
 			<section>
@@ -221,6 +225,7 @@ export function SimulateurCard({
 	path,
 	tooltip,
 	iframePath,
+	pathId,
 	icône,
 	beta,
 	small = false,
@@ -268,7 +273,17 @@ export function SimulateurCard({
 							</>
 						}
 						icon={<Emoji emoji={icône} />}
-						ctaLabel={t('.cta', 'Lancer le simulateur')}
+						ctaLabel={
+							pathId.startsWith('assistants') || pathId.startsWith('gérer')
+								? t(
+										'pages.simulateurs.home.cta.assistant',
+										"Lancer l'assistant"
+								  )
+								: t(
+										'pages.simulateurs.home.cta.simulateur',
+										'Lancer le simulateur'
+								  )
+						}
 						to={{ pathname: (isIframe && iframePath) || path }}
 						state={fromGérer ? { fromGérer: true } : { fromSimulateurs: true }}
 						role="link"
diff --git a/site/source/pages/assistants/index.tsx b/site/source/pages/assistants/index.tsx
index 85ce1b42c..3a98a7d70 100644
--- a/site/source/pages/assistants/index.tsx
+++ b/site/source/pages/assistants/index.tsx
@@ -1,5 +1,6 @@
 import { Route, Routes } from 'react-router-dom'
 
+import Route404 from '@/components/Route404'
 import { useSitePaths } from '@/sitePaths'
 
 import SimulateurPage from '../../components/PageData'
@@ -23,8 +24,9 @@ export default function Assistants() {
 		))
 
 	return (
-		<>
-			<Routes>{routes}</Routes>
-		</>
+		<Routes>
+			{routes}
+			<Route path="*" element={<Route404 />} />
+		</Routes>
 	)
 }
diff --git a/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx b/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx
index 9329ab2a2..9bc2f0e07 100644
--- a/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx
+++ b/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx
@@ -389,7 +389,7 @@ const ActivityNotFound = () => {
 								"Décrivez-nous votre activité ainsi que les termes de recherche que vous avez utilisés qui n'ont pas donné de bons résultats"
 							)}
 							placeholder={t(
-								`Je suis boulanger et je n'ai pas trouvé en cherchant "pain" ou "viennoiserie"`
+								`Bonjour, je suis boulanger et je n'ai pas trouvé en cherchant "pain" ou "viennoiserie".`
 							)}
 							tags={['code-ape']}
 						/>
diff --git a/site/source/pages/assistants/recherche-code-ape/config.ts b/site/source/pages/assistants/recherche-code-ape/config.ts
index 53e66e2e9..050b7cd9b 100644
--- a/site/source/pages/assistants/recherche-code-ape/config.ts
+++ b/site/source/pages/assistants/recherche-code-ape/config.ts
@@ -5,6 +5,7 @@ import SearchCodeApePage from '.'
 
 export function rechercheCodeApeConfig({ t, sitePaths }: SimulatorsDataParams) {
 	return config({
+		beta: true,
 		id: 'recherche-code-ape',
 		pathId: 'assistants.recherche-code-ape',
 		path: sitePaths.assistants['recherche-code-ape'],
@@ -12,7 +13,7 @@ export function rechercheCodeApeConfig({ t, sitePaths }: SimulatorsDataParams) {
 		icône: '🔍',
 		title: t(
 			'pages.assistants.recherche-code-ape.title',
-			'Recherche de code APE'
+			'Quel code APE pour mon activité ? '
 		),
 		shortName: t(
 			'pages.assistants.recherche-code-ape.shortname',
@@ -28,7 +29,9 @@ export function rechercheCodeApeConfig({ t, sitePaths }: SimulatorsDataParams) {
 				'Assistant pour trouver le code APE qui correspond à votre activité.'
 			),
 		},
-		tracking: {},
+		tracking: {
+			// TODO
+		},
 		component: SearchCodeApePage,
 	} as const)
 }
diff --git a/site/source/pages/assistants/recherche-code-ape/index.tsx b/site/source/pages/assistants/recherche-code-ape/index.tsx
index 664b83017..ee9f02e8a 100644
--- a/site/source/pages/assistants/recherche-code-ape/index.tsx
+++ b/site/source/pages/assistants/recherche-code-ape/index.tsx
@@ -1,8 +1,36 @@
+import { Trans } from 'react-i18next'
+
+import { Link } from '@/design-system/typography/link'
+import { Body } from '@/design-system/typography/paragraphs'
+
 import SearchCodeAPE from './SearchCodeAPE'
 
 export default function SearchCodeApePage() {
 	return (
 		<>
+			<Body>
+				<Trans i18nKey="pages.assistants.recherche-code-ape.description">
+					Cet assistant vous permet de trouver rapidement le code APE (activité
+					principale exercée) qui correspond à votre activité. Ce code est
+					attribué par l'INSEE à chaque entreprise en France afin de les
+					catégoriser. Retrouvez plus d'informations sur le code APE sur{' '}
+					<Link
+						aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
+						href="https://entreprendre.service-public.fr/vosdroits/F33050"
+					>
+						entreprendre.service-public.fr
+					</Link>{' '}
+					et{' '}
+					<Link
+						aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
+						href="https://www.economie.gouv.fr/entreprises/activite-entreprise-code-ape-code-naf"
+					>
+						economie.gouv.fr
+					</Link>
+					.
+				</Trans>
+			</Body>
+
 			<SearchCodeAPE disabled />
 		</>
 	)