Page association en cours sur le choix du statut
Johan Girod
parent
fa7e98ee94
commit
ef2159a235
|
|
@ -5,6 +5,7 @@ import styled from 'styled-components'
|
|||
import { Markdown } from '@/components/utils/markdown'
|
||||
import { CardContainer } from '@/design-system/card/Card'
|
||||
import { Emoji } from '@/design-system/emoji'
|
||||
import { SmallBody } from '@/design-system/typography/paragraphs'
|
||||
|
||||
import { RadioPoint, RadioSkeleton, SpanBody, VisibleRadio } from './Radio'
|
||||
|
||||
|
|
@ -66,7 +67,9 @@ export function RadioCard({
|
|||
{label} {emoji && <Emoji emoji={emoji} />}
|
||||
</span>
|
||||
{description && (
|
||||
<Markdown as={Description}>{description ?? ''}</Markdown>
|
||||
<SmallBody>
|
||||
<Markdown as={Description}>{description ?? ''}</Markdown>
|
||||
</SmallBody>
|
||||
)}
|
||||
</SpanBody>
|
||||
</StyledRadioCardSkeleton>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ export const stepOrder: readonly Step[] = [
|
|||
'recherche-activité',
|
||||
'détails-activité',
|
||||
'commune',
|
||||
'lucratif',
|
||||
'association',
|
||||
'associé',
|
||||
'rémunération',
|
||||
'statuts',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,76 @@
|
|||
import { Trans, useTranslation } from 'react-i18next'
|
||||
|
||||
import { RadioCard, RadioCardGroup } from '@/design-system'
|
||||
import { HelpButtonWithPopover } from '@/design-system/buttons'
|
||||
import { Strong } from '@/design-system/typography'
|
||||
import { Body } from '@/design-system/typography/paragraphs'
|
||||
|
||||
import Layout from './_components/Layout'
|
||||
import Navigation from './_components/Navigation'
|
||||
|
||||
export default function Association() {
|
||||
const { t } = useTranslation()
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
title={
|
||||
<Trans i18nKey="choix-statut.association.title">
|
||||
Je crée cette entreprise...
|
||||
<HelpButtonWithPopover
|
||||
title={t(
|
||||
'choix-statut.association.help.title',
|
||||
'L’association, ou organisation à but non lucratif, quèsaco ?'
|
||||
)}
|
||||
type="info"
|
||||
>
|
||||
<Body>
|
||||
Elle permet de{' '}
|
||||
<Strong>
|
||||
partager un projet commun dans l’intérêt général, sans faire
|
||||
de bénéfices
|
||||
</Strong>{' '}
|
||||
: promouvoir une activité sportive, l'insertion de personnes en
|
||||
difficulté, le développement local, etc...
|
||||
</Body>
|
||||
</HelpButtonWithPopover>
|
||||
</Trans>
|
||||
}
|
||||
>
|
||||
<RadioCardGroup
|
||||
aria-label={t(
|
||||
'choix-statut.association.question',
|
||||
'Pourquoi créez vous cette entreprise ?'
|
||||
)}
|
||||
// onChange={handleChange}
|
||||
// value={currentSelection ?? undefined}
|
||||
>
|
||||
<RadioCard
|
||||
value={'gagner-argent'}
|
||||
label={t(
|
||||
'choix-statut.association.question.gagner-argent',
|
||||
"Dans le but de gagner de l'argent"
|
||||
)}
|
||||
// emoji={node.rawNode.icônes}
|
||||
// description={node.rawNode.description}
|
||||
>
|
||||
<Body></Body>
|
||||
</RadioCard>
|
||||
<RadioCard
|
||||
value={'non-lucratif'}
|
||||
label={t(
|
||||
'choix-statut.association.question.gagner-argent',
|
||||
'Dans un but non lucratif'
|
||||
)}
|
||||
// emoji={node.rawNode.icônes}
|
||||
description={t(
|
||||
'choix-statut.association.question.non-lucratif.description',
|
||||
'Par exemple, en créant une association'
|
||||
)}
|
||||
/>
|
||||
</RadioCardGroup>
|
||||
<Navigation currentStepIsComplete />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -4,11 +4,11 @@ import { ScrollToTop } from '@/components/utils/Scroll'
|
|||
import { useSitePaths } from '@/sitePaths'
|
||||
|
||||
import AfterRegistration from './après'
|
||||
import Association from './association'
|
||||
import Associé from './associé'
|
||||
import Commune from './commune'
|
||||
import DétailsActivité from './détails-activité'
|
||||
import AccueilChoixStatut from './home'
|
||||
import Lucratif from './lucratif'
|
||||
import RechercheActivité from './recherche-activité'
|
||||
import Rémunération from './rémunération'
|
||||
import Résultat from './résultat'
|
||||
|
|
@ -35,7 +35,7 @@ export default function ChoixDuStatut() {
|
|||
/>
|
||||
<Route path={childrenPaths.commune} element={<Commune />} />
|
||||
<Route path={childrenPaths.associé} element={<Associé />} />
|
||||
<Route path={childrenPaths.lucratif} element={<Lucratif />} />
|
||||
<Route path={childrenPaths.association} element={<Association />} />
|
||||
<Route path={childrenPaths.rémunération} element={<Rémunération />} />
|
||||
<Route path={childrenPaths.résultat} element={<Résultat />} />
|
||||
<Route path={childrenPaths.statuts} element={<Statuts />} />
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
import { H1 } from '@/design-system/typography/heading'
|
||||
|
||||
import Navigation from './_components/Navigation'
|
||||
|
||||
export default function Lucratif() {
|
||||
return (
|
||||
<>
|
||||
<H1>Lucratif</H1> <Navigation currentStepIsComplete />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -32,7 +32,7 @@ const rawSitePathsFr = {
|
|||
'recherche-activité': 'recherche-activite',
|
||||
'détails-activité': 'details-activite',
|
||||
commune: 'commune',
|
||||
lucratif: 'lucratif',
|
||||
association: 'association',
|
||||
associé: 'associe',
|
||||
rémunération: 'remuneration',
|
||||
statuts: 'statuts',
|
||||
|
|
@ -120,7 +120,7 @@ const rawSitePathsEn = {
|
|||
'détails-activité': 'details-activite',
|
||||
après: 'after-registration',
|
||||
commune: 'commune',
|
||||
lucratif: 'lucrative',
|
||||
association: 'association',
|
||||
associé: 'partnership',
|
||||
rémunération: 'remuneration',
|
||||
statuts: 'statuts',
|
||||
|
|
|
|||
Loading…
Reference in New Issue