ajoute la description à la page de choix de statut

pull/640/head
Johan Girod 2019-10-14 16:29:04 +02:00
parent 60bc060c31
commit c33248fd1e
6 changed files with 62 additions and 75 deletions

View File

@ -37,11 +37,11 @@ export default function Simulation({ explanations, customEndMessages }) {
</T>
</small>
) : (
<span />
)}
<span />
)}
<SeeAnswersButton />
</div>
<section className="ui__ full-width light-bg">
<section className="ui__ full-width lighter-bg">
<div className="ui__ container">
<Controls />
<Conversation customEndMessages={customEndMessages} />

View File

@ -371,6 +371,7 @@ for the appearing element to appear without stacking up below the first one */
.step label.userAnswerButton {
border: 1px solid var(--colour);
background-color: white;
color: var(--textColourOnWhite);
}
.step label.userAnswerButton.selected {

View File

@ -57,6 +57,9 @@ blockquote {
.ui__.light-bg {
background-color: var(--lighterColour) !important;
}
.ui__.lighter-bg {
background-color: var(--lightestColour) !important;
}
.ui__.center-flex {
display: flex;

View File

@ -83,7 +83,7 @@ const generateTheme = (themeColour?: ?string): ThemeColours => {
textColour === '#ffffff'
? 'rgba(255, 255, 255, .7)'
: 'rgba(0, 0, 0, .7)',
lighterTextColour = darkColour + 'bb',
lighterTextColour = darkColour + 'cc',
lighterInverseTextColour = lightenTextColour(inverseTextColour),
textColourOnWhite = textColour === '#ffffff' ? colour : '#333',
palettes = deriveAnalogousPalettes(colour)
@ -124,20 +124,20 @@ export function ThemeColoursProvider({ colour, children }: ProviderProps) {
)
}
export default function withThemeColours<Props: { colours: ThemeColours }>(
export default function withThemeColours<Props: { colours: ThemeColours }> (
WrappedComponent: React$ComponentType<Props>
): React$ComponentType<$Diff<Props, { colours: ThemeColours }>> {
class WithThemeColours extends Component<
$Diff<Props, { colours: ThemeColours }>
): React$ComponentType < $Diff < Props, { colours: ThemeColours } >> {
class WithThemeColours extends Component <
$Diff < Props, { colours: ThemeColours }>
> {
displayName = `withThemeColours(${WrappedComponent.displayName || ''})`
displayName = `withThemeColours(${WrappedComponent.displayName || ''})`
render() {
return (
<ThemeColoursContext.Consumer>
{colours => <WrappedComponent {...this.props} colours={colours} />}
</ThemeColoursContext.Consumer>
)
}
}
return WithThemeColours
return (
<ThemeColoursContext.Consumer>
{colours => <WrappedComponent {...this.props} colours={colours} />}
</ThemeColoursContext.Consumer>
)
}
}
return WithThemeColours
}

View File

@ -1,8 +1,5 @@
/* @flow */
import {
checkCompanyCreationItem,
initializeCompanyCreationChecklist
} from 'Actions/companyCreationChecklistActions'
import { checkCompanyCreationItem, initializeCompanyCreationChecklist } from 'Actions/companyCreationChecklistActions'
import { goToCompanyStatusChoice } from 'Actions/companyStatusActions'
import { React, T } from 'Components'
import Route404 from 'Components/Route404'
@ -25,11 +22,11 @@ type Props = {
statusChooserCompleted: boolean,
match: Match,
onChecklistInitialization: (string, Array<string>) => void,
onStatusChange: () => void,
sitePaths: Object,
onItemCheck: (name: string, checked: boolean) => void,
t: TFunction,
companyCreationChecklist: { [string]: boolean }
onStatusChange: () => void,
sitePaths: Object,
onItemCheck: (name: string, checked: boolean) => void,
t: TFunction,
companyCreationChecklist: { [string]: boolean }
}
const CreateCompany = ({
@ -56,23 +53,23 @@ const CreateCompany = ({
}
const titre = isAutoentrepreneur
? t(
[
'entreprise.tâches.page.autoEntrepreneur.titre',
'Comment devenir {{autoEntrepreneur}}'
],
{
autoEntrepreneur: t(companyStatus)
}
)
[
'entreprise.tâches.page.autoEntrepreneur.titre',
'Comment devenir {{autoEntrepreneur}}'
],
{
autoEntrepreneur: t(companyStatus)
}
)
: t(
[
'entreprise.tâches.page.entreprise.titre',
'Créer une {{companyStatus}}'
],
{
companyStatus: t(companyStatus)
}
)
[
'entreprise.tâches.page.entreprise.titre',
'Créer une {{companyStatus}}'
],
{
companyStatus: t(companyStatus)
}
)
return (
<Animate.fromBottom>
<Helmet>
@ -82,44 +79,30 @@ const CreateCompany = ({
content={
isAutoentrepreneur
? t(
[
'entreprise.tâches.page.autoEntrepreneur.description',
`La liste complète des démarches à faire pour devenir {{autoEntrepreneur}}.`
],
{ autoEntrepreneur: t(companyStatus) }
)
[
'entreprise.tâches.page.autoEntrepreneur.description',
'La liste complète des démarches à faire pour devenir {{autoEntrepreneur}}.'
],
{ autoEntrepreneur: t(companyStatus) }
)
: t(
[
'entreprise.tâches.page.description',
`La liste complète des démarches à faire pour créer une {{companyStatus}} auprès de l'administration française.`
],
{ companyStatus: t(companyStatus) }
)
[
'entreprise.tâches.page.description',
'La liste complète des démarches à faire pour créer une {{companyStatus}} auprès de l\'administration française.'
],
{ companyStatus: t(companyStatus) }
)
}
/>
</Helmet>
<Scroll.toTop />
<h1>{titre}</h1>
{statusChooserCompleted ? (
<button
onClick={onStatusChange}
className="ui__ simple small skip button left">
<T k="entreprise.tâches.retour">Choisir un autre statut</T>
</button>
) : (
<>
<p>
<button className="ui__ link-button" onClick={onStatusChange}>
<T k="formeJuridique.incertain">
Pas convaincu par cette forme juridique ? Suivez notre guide !
</T>
</button>
</p>
<p>
<StatusDescription status={companyStatus} />
</p>
</>
)}
<p><StatusDescription status={companyStatus} /></p>
<button
onClick={onStatusChange}
className="ui__ simple small skip button left">
<T k="entreprise.tâches.retour">Choisir un autre statut</T>
</button>
<h2>
{emoji('📋')}{' '}

View File

@ -15,7 +15,7 @@ export default withSitePaths(function ÉconomieCollaborative({ sitePaths }) {
to={sitePaths.économieCollaborative.index}
className="ui__ notice small simple button"
style={{ position: 'relative', bottom: '-2rem' }}>
Revenus de plateformes en ligne >
Revenus de plateformes en ligne
</Link>
<StoreProvider
reducer={reducer}