Ajout de l'assistant dans la liste des simulateurs et ajoute une description

pull/2524/head
Jérémy Rialland 2023-02-22 16:32:53 +01:00 committed by Jérémy Rialland
parent e7449665bb
commit 07f95d75a0
5 changed files with 55 additions and 7 deletions

View File

@ -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"

View File

@ -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>
)
}

View File

@ -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']}
/>

View File

@ -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)
}

View File

@ -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 />
</>
)