From 7940d1f12e618d360eec3d93d2f7b8d48dbace85 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Thu, 27 Apr 2023 14:42:22 +0200 Subject: [PATCH] Refacto Plan --- site/source/pages/Plan.tsx | 296 ++++++++---------- .../pages/simulateurs-et-assistants/index.tsx | 7 +- 2 files changed, 140 insertions(+), 163 deletions(-) diff --git a/site/source/pages/Plan.tsx b/site/source/pages/Plan.tsx index 8ea65db8a..5e819f4eb 100644 --- a/site/source/pages/Plan.tsx +++ b/site/source/pages/Plan.tsx @@ -1,4 +1,5 @@ import { Trans, useTranslation } from 'react-i18next' +import styled from 'styled-components' import { H1 } from '@/design-system/typography/heading' import { Link } from '@/design-system/typography/link' @@ -10,9 +11,7 @@ import { TrackPage } from '../components/ATInternetTracking' import Meta from '../components/utils/Meta' export default function Plan() { - const { absoluteSitePaths } = useSitePaths() const { t } = useTranslation() - const simulatorData = useSimulatorsData() return ( <> @@ -29,166 +28,141 @@ export default function Plan() { ) } + +export const PlanContent = () => { + const { absoluteSitePaths } = useSitePaths() + const simulatorData = useSimulatorsData() + + return ( + <> +
  • + + Page d'accueil + +
    • + +
  • + + Nouveautés + +
    • + +
  • + + Simulateurs et Assistants + + + + {Object.entries(simulatorData) + .filter( + ([, { pathId }]) => + pathId.startsWith('simulateurs') && + (!pathId.startsWith('simulateurs.profession-libérale.') || + pathId === 'simulateurs.profession-libérale.index') + ) + .map(([simulateurKey, { path, title }]) => { + return ( +
  • + {title} +
    • + ) + })} + + {Object.entries(simulatorData) + .filter( + ([, { pathId }]) => + pathId.startsWith('assistants') && + pathId !== 'assistants.pour-mon-entreprise.index' + ) + .map(([simulateurKey, { path, title }]) => { + return ( +
  • + {title} +
    • + ) + }) + .reverse()} + +
  • + + Les formalités pour embaucher + +
    • + +
  • + + Protection sociale + +
    • + + + +
  • + + Documentation + +
    • + +
  • + + Outils pour les développeurs + + + +
  • + + Intégrer le module Web + +
    • + +
  • + + API REST de simulation + +
    • + +
  • + + Utiliser avec un tableur + +
    • + +
  • + + + Utiliser les calculs des simulateurs dans votre application + + +
    • + + + +
  • + + Accessibilité + +
    • + +
  • + + Statistiques + +
    • + +
  • + + Budget + +
    • + + ) +} + +const StyledUl = styled(Ul)` + margin-top: ${({ theme }) => theme.spacings.xs}; +` diff --git a/site/source/pages/simulateurs-et-assistants/index.tsx b/site/source/pages/simulateurs-et-assistants/index.tsx index e60816568..ee680626b 100644 --- a/site/source/pages/simulateurs-et-assistants/index.tsx +++ b/site/source/pages/simulateurs-et-assistants/index.tsx @@ -26,7 +26,10 @@ export default function SimulateursEtAssistants() { const { t } = useTranslation() const { absoluteSitePaths } = useSitePaths() const simulators = useSimulatorsData() - const titre = t('pages.simulateurs.accueil.titre', 'Simulateurs disponibles') + const titre = t( + 'pages.simulateurs.accueil.titre', + 'Simulateurs et Assistants' + ) return ( <> @@ -35,7 +38,7 @@ export default function SimulateursEtAssistants() { title={titre} description={t( 'pages.simulateurs.accueil.description', - 'Tous les simulateurs sur ce site sont maintenus à jour avec les dernières évolutions législatives.' + 'Tous les simulateurs et assistants sur ce site sont maintenus à jour avec les dernières évolutions législatives.' )} ogImage={simulatorSvg} />