betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Redirige vers la checklist une fois que le status a été choisi

pull/301/head
Johan Girod 2018-08-23 10:42:23 +02:00
parent 0ab312d048
commit 24ff1ad41c
2 changed files with 9 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
source/sites/mycompanyinfrance.fr/pages/Company/RegistrationPending.js
View File

@ -1,72 +0,0 @@
import React from 'react'
import { Link } from 'react-router-dom'
import siret from './siret.jpg'
const DuringRegistration = () => (
<>
<h1>Registration pending</h1>
<p>
<a>If you have trouble completing your application, we can help.</a>
</p>
<h2>Administrative papers</h2>
<p>Once your business has been officially registered, you will receive:</p>
<ul>
<li>
<strong>Your Siret number</strong>
, which identifies your company
</li>
<li>
<strong>Your APE code</strong>
, which defines your business sector
</li>
<li>
<strong>Your K-bis extract</strong>
, which certifies that your company is properly registrated
</li>
</ul>
<h3>Siren and Siret</h3>
<p>
The Siren number identifies your company while the Siret number identifies
each place of business operated by the same company.
</p>
<img src={siret} alt="Siret and siren number" />
<h3>APE Code</h3>
<p>
The APE code is used to classify your company’s main operations in the
French business nomenclature (« NAF »). It is also used to determine the
your applicable collective agreement as well as your occupational accident
rate.
</p>
<h2>Next steps to do</h2>
<p>
While your application is being processed, you can focus on the following
tasks:{' '}
</p>
<ul className="ui__ no-bullet">
<li>
<label>
<input type="checkbox" />Open a business bank account and follow the
capital deposit procedure if needed
</label>
</li>
<li>
<label>
<input type="checkbox" />Choose a certified accountant
</label>
</li>
<li>
<label>
<input type="checkbox" />Check out needs of professional insurance
</label>
</li>
</ul>
<p>
Finally, you can learn more about the social security system and simulate
the hiring of your first employee.
<Link to="/social-security">Simulate hiring costs</Link>
</p>
</>
)
export default DuringRegistration

16
source/sites/mycompanyinfrance.fr/pages/Company/index.js
View File

@ -1,5 +1,5 @@
import React from 'react'
import { Route, Switch } from 'react-router'
import { Route, Switch, Redirect } from 'react-router'
import { animated, Transition } from 'react-spring'
import * as Animate from 'Ui/animate'
import DefineDirectorStatus from './DirectorStatus'
@ -7,9 +7,9 @@ import Find from './Find'
import Home from './Home'
import Liability from './Liability'
import MainStatus from './MainStatus'
import { connect } from "react-redux";
import MinorityDirector from './MinorityDirector'
import Microenterprise from './Microenterprise'
import RegistrationPending from './RegistrationPending'
import NumberOfAssociate from './NumberOfAssociate'
import CreationChecklist from './CreationChecklist'
@ -23,17 +23,19 @@ const withRouteAnimation = style => AnimatedComponent => {
return withRouteAnimation;
}
const CreateMyCompany = ({ match, location }) => (
const CreateMyCompany = ({ match, location, companyStatusChoice }) => (
<>
<Animate.fromBottom>
<Switch>
<Route
path={match.path + '/create-:status'}
component={CreationChecklist}
/>
<Route path={match.path + '/registration-pending'} component={RegistrationPending} />
/>
<Route path={match.path + '/find'} component={Find} />
<Route path={match.path} component={Home} />
{companyStatusChoice ?
<Redirect from={match.path} to={match.path + '/create-' + companyStatusChoice} /> :
<Route path={match.path} component={Home} />
}
</Switch>
<div className="ui__ route-trans">
<Transition
@ -86,4 +88,4 @@ const CreateMyCompany = ({ match, location }) => (
</>
)
export default CreateMyCompany
export default connect(state => ({ companyStatusChoice: state.inFranceApp.companyStatusChoice}))(CreateMyCompany)