Ajoute un lien vers le pdf urssaf pour la création
Johan Girod
parent
f380ec8626
commit
53c6a5a007
|
|
@ -157,11 +157,9 @@
|
|||
}
|
||||
|
||||
.ui__.skip.button {
|
||||
opacity: 0.6;
|
||||
border: none;
|
||||
padding: 0;
|
||||
will-change: transform;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.ui__.skip.button:not(:disabled):hover {
|
||||
|
|
|
|||
|
|
@ -115,7 +115,9 @@ export class Checklist extends Component<ChecklistProps> {
|
|||
// $FlowFixMe
|
||||
onChange: checked => props.onItemCheck(child.props.name, checked),
|
||||
// $FlowFixMe
|
||||
defaultChecked: props.defaultChecked[child.props.name]
|
||||
defaultChecked:
|
||||
child.props.defaultChecked ||
|
||||
props.defaultChecked[child.props.name]
|
||||
})
|
||||
)
|
||||
props.onInitialization &&
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ h1 {
|
|||
h2 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.7rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
|
|
|
|||
|
|
@ -274,6 +274,7 @@ entreprise:
|
|||
avancement: Use these lists to track down your advancement in the business creation process. It is automatically saved in your browser.
|
||||
retour: Choose another status
|
||||
ensuite: After registration
|
||||
titre: The to-do list for creating your business
|
||||
|
||||
formeJuridique:
|
||||
page:
|
||||
|
|
|
|||
|
|
@ -93,15 +93,15 @@ const AfterRegistration = ({ t, companyStatusChoice, sitePaths }: Props) => (
|
|||
</p>
|
||||
</>
|
||||
)}
|
||||
<p style={{ display: 'flex', justifyContent: 'space-between' }}>
|
||||
<p
|
||||
className="ui__ answer-group"
|
||||
style={{ justifyContent: 'space-between' }}>
|
||||
<Link
|
||||
to={sitePaths.entreprise.index}
|
||||
className="ui__ simple skip button left">
|
||||
← <T k="après.actions.retour">Démarche de création</T>
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.sécuritéSociale.index}
|
||||
className="ui__ simple skip button">
|
||||
<Link to={sitePaths.sécuritéSociale.index} className="ui__ plain button">
|
||||
<T k="après.actions.avance">Estimez vos cotisations </T>→
|
||||
</Link>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -5,17 +5,18 @@ import {
|
|||
} from 'Actions/companyCreationChecklistActions'
|
||||
import { goToCompanyStatusChoice } from 'Actions/companyStatusActions'
|
||||
import { React, T } from 'Components'
|
||||
import Route404 from 'Components/Route404'
|
||||
import Scroll from 'Components/utils/Scroll'
|
||||
import withSitePaths from 'Components/utils/withSitePaths'
|
||||
import { compose } from 'ramda'
|
||||
import {Helmet} from 'react-helmet'
|
||||
import emoji from 'react-easy-emoji'
|
||||
import { Helmet } from 'react-helmet'
|
||||
import { withTranslation } from 'react-i18next'
|
||||
import { connect } from 'react-redux'
|
||||
import { Link } from 'react-router-dom'
|
||||
import * as Animate from 'Ui/animate'
|
||||
import { CheckItem, Checklist } from 'Ui/Checklist'
|
||||
import { LANDING_LEGAL_STATUS_LIST } from '../../sitePaths'
|
||||
import Route404 from 'Components/Route404'
|
||||
import StatusDescription from './StatusDescription'
|
||||
|
||||
import type { Match } from 'react-router'
|
||||
|
|
@ -100,7 +101,13 @@ const CreateCompany = ({
|
|||
</Helmet>
|
||||
<Scroll.toTop />
|
||||
<h1>{titre}</h1>
|
||||
{!statusChooserCompleted && (
|
||||
{statusChooserCompleted ? (
|
||||
<button
|
||||
onClick={onStatusChange}
|
||||
className="ui__ simple skip button left">
|
||||
← <T k="entreprise.tâches.retour">Choisir un autre statut</T>
|
||||
</button>
|
||||
) : (
|
||||
<>
|
||||
<p>
|
||||
<button className="ui__ link-button" onClick={onStatusChange}>
|
||||
|
|
@ -114,6 +121,18 @@ const CreateCompany = ({
|
|||
</p>
|
||||
</>
|
||||
)}
|
||||
|
||||
<h2>
|
||||
{emoji('📋')}{' '}
|
||||
<T k="entreprise.tâches.titre">À faire pour créer votre entreprise</T>
|
||||
</h2>
|
||||
<p className="ui__ notice">
|
||||
<T k="entreprise.tâches.avancement">
|
||||
Utilisez cette liste pour suivre votre avancement dans les démarches.
|
||||
Votre progression est automatiquement sauvegardée dans votre
|
||||
navigateur.
|
||||
</T>
|
||||
</p>
|
||||
<Checklist
|
||||
key={companyStatus}
|
||||
onInitialization={items =>
|
||||
|
|
@ -121,6 +140,15 @@ const CreateCompany = ({
|
|||
}
|
||||
onItemCheck={onItemCheck}
|
||||
defaultChecked={companyCreationChecklist}>
|
||||
<CheckItem
|
||||
name="corporatePurpose"
|
||||
defaultChecked={true}
|
||||
title={
|
||||
<T k="entreprise.tâches.objetSocial.titre">
|
||||
Choisir la forme juridique
|
||||
</T>
|
||||
}
|
||||
/>
|
||||
{!isEI && (
|
||||
<CheckItem
|
||||
name="corporateName"
|
||||
|
|
@ -146,6 +174,7 @@ const CreateCompany = ({
|
|||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
<CheckItem
|
||||
name="corporatePurpose"
|
||||
title={
|
||||
|
|
@ -384,7 +413,8 @@ const CreateCompany = ({
|
|||
}
|
||||
/>
|
||||
</Checklist>
|
||||
<h2 style={{ fontSize: '1.5rem' }}>
|
||||
<h2>
|
||||
{emoji('😌')}{' '}
|
||||
<T k="entreprise.tâches.titre2">
|
||||
Recommandé avant le début de l'activité
|
||||
</T>
|
||||
|
|
@ -438,27 +468,27 @@ const CreateCompany = ({
|
|||
}
|
||||
/>
|
||||
</Checklist>
|
||||
<p className="ui__ notice">
|
||||
<T k="entreprise.tâches.avancement">
|
||||
Utilisez cette liste pour suivre votre avancement dans les démarches.
|
||||
Votre progression est automatiquement sauvegardée dans votre
|
||||
navigateur.
|
||||
</T>
|
||||
</p>
|
||||
<p
|
||||
className="ui__ answer-group"
|
||||
style={{ justifyContent: 'space-between' }}>
|
||||
<button
|
||||
onClick={onStatusChange}
|
||||
className="ui__ simple skip button left">
|
||||
← <T k="entreprise.tâches.retour">Choisir un autre statut</T>
|
||||
</button>
|
||||
<Link
|
||||
to={sitePaths.entreprise.après}
|
||||
className="ui__ simple skip button">
|
||||
<p className="ui__ answer-group">
|
||||
<Link to={sitePaths.entreprise.après} className="ui__ button plain">
|
||||
<T k="entreprise.tâches.ensuite">Après la création</T> →
|
||||
</Link>
|
||||
</p>
|
||||
<h2>{emoji('📜')} Vous êtes plutôt papier ?</h2>
|
||||
<p>
|
||||
Accédez gratuitement au guide complet de la création entreprise en 2019,
|
||||
édité par l'URSSAF. Au programme : des conseils sur comment préparer son
|
||||
projet, comment se lancer dans la création ou encore la présentation
|
||||
détaillée de votre protection sociale.
|
||||
</p>
|
||||
|
||||
<div style={{ textAlign: 'center' }}>
|
||||
<a
|
||||
className="ui__ button simple"
|
||||
target="_blank"
|
||||
href="https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/30487%20-%20SSI%20Guide%20Objectif%20Entreprise%20%c3%a9dition%20janvier%202019_BD.pdf">
|
||||
{emoji('👉')} Téléchargez le guide PDF
|
||||
</a>
|
||||
</div>
|
||||
</Animate.fromBottom>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue