ajoute la description à la page de choix de statut
parent
60bc060c31
commit
c33248fd1e
|
@ -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} />
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
}
|
||||
|
|
|
@ -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('📋')}{' '}
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in New Issue