diff --git a/site/source/pages/Simulateurs/NextSteps.tsx b/site/source/pages/Simulateurs/NextSteps.tsx index 87a24851e..e2302aa22 100644 --- a/site/source/pages/Simulateurs/NextSteps.tsx +++ b/site/source/pages/Simulateurs/NextSteps.tsx @@ -86,4 +86,16 @@ const guidesUrssaf = [ associatedRule: 'dirigeant', title: 'Guide Urssaf pour les indépendants', }, + { + url: 'https://www.urssaf.fr/portail/home/employeur/employer-du-personnel/nouvel-employeur.html', + title: "Nouvel employeur : l'Urssaf vous accompagne", + description: + 'Vous employez votre premier salarié et vous vous posez des questions sur les démarches à effectuer ? Ce guide est fait pour vous.', + associatedRule: { + 'toutes ces conditions': [ + 'contrat salarié', + { 'est non défini': 'artiste-auteur' }, + ], + }, + }, ] diff --git a/site/source/pages/Simulateurs/cards/GuideURSSAFCard.tsx b/site/source/pages/Simulateurs/cards/GuideURSSAFCard.tsx index 4ace30939..d4decd0f1 100644 --- a/site/source/pages/Simulateurs/cards/GuideURSSAFCard.tsx +++ b/site/source/pages/Simulateurs/cards/GuideURSSAFCard.tsx @@ -1,14 +1,26 @@ import Emoji from '@/components/utils/Emoji' import { Article } from '@/design-system/card' +import { useTranslation } from 'react-i18next' type GuideURSSAFCardProps = { guideUrssaf: { title: string url: string + description?: string } } +const DEFAULT_DESCRIPTION = ` +Des conseils pour se lancer dans la création et une présentation détaillée +de votre protection sociale. +` + export function GuideURSSAFCard({ guideUrssaf }: GuideURSSAFCardProps) { + const language = useTranslation().i18n.language + if (language !== 'fr') { + return null + } + return (
- Des conseils pour se lancer dans la création et une présentation détaillée - de votre protection sociale. + {guideUrssaf.description ?? DEFAULT_DESCRIPTION}
) }