diff --git a/.prettierrc b/.prettierrc index ef5e1c236..6b25dd61e 100644 --- a/.prettierrc +++ b/.prettierrc @@ -9,4 +9,4 @@ "arrowParens": "avoid", "proseWrap": "preserve", "tabWidth": 2 -} +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json index ab3d92f64..7fa0ea7e1 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,8 +1,12 @@ { "editor.formatOnSave": true, - "spellright.language": ["fr"], - "spellright.documentTypes": ["yaml"], + "spellright.language": [ + "fr" + ], + "spellright.documentTypes": [ + "yaml" + ], "editor.codeActionsOnSave": { "source.organizeImports": true } -} +} \ No newline at end of file diff --git a/source/components/ui/Button/button.css b/source/components/ui/Button/button.css index f3841e985..57cfcbe2c 100644 --- a/source/components/ui/Button/button.css +++ b/source/components/ui/Button/button.css @@ -208,8 +208,9 @@ padding-top: 1rem; color: inherit; padding-bottom: 1rem; - margin: 1rem 0; + margin-bottom: 1rem; position: relative; + margin-right: 1rem; text-decoration: none; } diff --git a/source/components/ui/index.css b/source/components/ui/index.css index 7438457e9..6f7e528e2 100644 --- a/source/components/ui/index.css +++ b/source/components/ui/index.css @@ -67,6 +67,9 @@ blockquote { flex-wrap: wrap; } +.ui__ .hide { + display: none; +} @media (max-width: 850px) { .ui__.hide-mobile { display: none; diff --git a/source/sites/mon-entreprise.fr/pages/Company/AfterRegistration.js b/source/sites/mon-entreprise.fr/pages/Company/AfterRegistration.js index e3bef9988..45b7061ec 100644 --- a/source/sites/mon-entreprise.fr/pages/Company/AfterRegistration.js +++ b/source/sites/mon-entreprise.fr/pages/Company/AfterRegistration.js @@ -70,7 +70,7 @@ const AfterRegistration = ({ companyStatusChoice, sitePaths }: Props) => { diff --git a/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js b/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js index 7b6b381d6..de66b4690 100644 --- a/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js +++ b/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js @@ -1,5 +1,8 @@ /* @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' @@ -22,11 +25,11 @@ type Props = { statusChooserCompleted: boolean, match: Match, onChecklistInitialization: (string, Array) => 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 = ({ @@ -53,23 +56,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 ( @@ -79,25 +82,27 @@ 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) } + ) } />

{titre}

-

+

+ +

- - - - - )} - {DirigeantMajoritaireModal && ( - <> - - -

Êtes-vous dirigeant majoritaire ?

-

Si vous êtes administrateur majoritaire - ou si vous faites partie d'un conseil d'administration majoritaire, vous n'aurez pas le même statut que si vous êtes minoritaire.

-
-
+ + + )} + {DirigeantMajoritaireModal && ( + <> + + +

Êtes-vous dirigeant majoritaire ?

+

+ Si vous êtes administrateur majoritaire ou si vous faites partie + d'un conseil d'administration majoritaire, vous n'aurez pas le + même statut que si vous êtes minoritaire. +

+
+ - -
- - - )} - {searchModal && ( - <> - - showSearchModal(false)}> - - - - )} - {company ? ( - <> - -

{company.statutJuridique !== 'NON_IMPLÉMENTÉ' && - <> - - {company.isAutoEntrepreneur ? - 'Auto-entrepreneur' - : - company.statutJuridique} - - {company.isDirigeantMajoritaire != null && - {company.isDirigeantMajoritaire ? 'Dirigeant majoritaire' : 'Dirigeant minoritaire'} - } - - } -

- - - ) : ( - -

- - -

- - )} - - ) + + + + )} + {searchModal && ( + <> + + showSearchModal(false)}> + + + + )} + {company ? ( + <> + +

+ {' '} + {company.statutJuridique !== 'NON_IMPLÉMENTÉ' && ( + <> + + {company.isAutoEntrepreneur + ? 'Auto-entrepreneur' + : company.statutJuridique} + + {company.isDirigeantMajoritaire != null && ( + + {company.isDirigeantMajoritaire + ? 'Dirigeant majoritaire' + : 'Dirigeant minoritaire'} + + )} + + )} +

+ + + ) : ( +

+ +

+ )} + + ) } - - diff --git a/source/sites/mon-entreprise.fr/pages/Gérer/SécuritéSociale.js b/source/sites/mon-entreprise.fr/pages/Gérer/SécuritéSociale.js index ad7af2aaa..c566db884 100644 --- a/source/sites/mon-entreprise.fr/pages/Gérer/SécuritéSociale.js +++ b/source/sites/mon-entreprise.fr/pages/Gérer/SécuritéSociale.js @@ -1,19 +1,15 @@ - import { React, T } from 'Components' import { Helmet } from 'react-helmet' import { useTranslation } from 'react-i18next' import * as Animate from 'Ui/animate' import Video from './Video' - export default function SocialSecurity() { const { t } = useTranslation() return ( <> - - {t('sécu.page.titre', 'Sécurité sociale')} - + {t('sécu.page.titre', 'Sécurité sociale')} diff --git a/source/sites/mon-entreprise.fr/pages/Gérer/businessPlan.svg b/source/sites/mon-entreprise.fr/pages/Gérer/businessPlan.svg index fd9a9fc98..11b93f5c1 100644 --- a/source/sites/mon-entreprise.fr/pages/Gérer/businessPlan.svg +++ b/source/sites/mon-entreprise.fr/pages/Gérer/businessPlan.svg @@ -1 +1 @@ -business plan \ No newline at end of file +business plan \ No newline at end of file diff --git a/source/sites/mon-entreprise.fr/pages/Gérer/index.js b/source/sites/mon-entreprise.fr/pages/Gérer/index.js index 344d91fe2..1a336d13a 100644 --- a/source/sites/mon-entreprise.fr/pages/Gérer/index.js +++ b/source/sites/mon-entreprise.fr/pages/Gérer/index.js @@ -1,32 +1,40 @@ import { ScrollToTop } from 'Components/utils/Scroll' import { SitePathsContext } from 'Components/utils/withSitePaths' import React, { useContext } from 'react' +import emoji from 'react-easy-emoji' import { Route, Switch } from 'react-router' +import { NavLink, useLocation } from 'react-router-dom' import Embaucher from './Embaucher' import Home from './Home' import SchemeSelection from './SchemeSelection' import SécuritéSociale from './SécuritéSociale' - export default function Gérer() { - const sitePaths = useContext(SitePathsContext); + const sitePaths = useContext(SitePathsContext) + const location = useLocation() return ( <> - + +
+ {' '} + + {emoji('⬅️')} Retour à mon activité + +
- + - - ); -} \ No newline at end of file + ) +} diff --git a/source/sites/mon-entreprise.fr/pages/Landing/Landing.js b/source/sites/mon-entreprise.fr/pages/Landing/Landing.js index 753636e9c..1d781b336 100644 --- a/source/sites/mon-entreprise.fr/pages/Landing/Landing.js +++ b/source/sites/mon-entreprise.fr/pages/Landing/Landing.js @@ -9,7 +9,7 @@ import illustrationSvg from './illustration.svg' import './Landing.css' export default function Landing() { - const sitePaths = useContext(SitePathsContext); + const sitePaths = useContext(SitePathsContext) return (
@@ -49,9 +49,7 @@ export default function Landing() { Commencer
- +
{emoji('💶')}

Gérer mon activité

diff --git a/source/sites/mon-entreprise.fr/pages/Simulateurs/index.js b/source/sites/mon-entreprise.fr/pages/Simulateurs/index.js index c1ebd00bb..75f51ceb2 100644 --- a/source/sites/mon-entreprise.fr/pages/Simulateurs/index.js +++ b/source/sites/mon-entreprise.fr/pages/Simulateurs/index.js @@ -1,7 +1,10 @@ +import { usePersistingState } from 'Components/utils/persistState' import { ScrollToTop } from 'Components/utils/Scroll' import { SitePathsContext } from 'Components/utils/withSitePaths' import React, { useContext } from 'react' +import emoji from 'react-easy-emoji' import { Route, Switch } from 'react-router' +import { Link, useLocation } from 'react-router-dom' import AssimiléSalarié from './AssimiléSalarié' import AutoEntrepreneur from './AutoEntrepreneur' import Indépendant from './Indépendant' @@ -9,12 +12,28 @@ import Salarié from './Salarié' import SchemeComparaison from './SchemeComparaison' export default function Simulateurs() { - const sitePaths = useContext(SitePathsContext); + const sitePaths = useContext(SitePathsContext) + const { state } = useLocation() + const [lastState] = usePersistingState( + 'navigation::simulateurs::locationState::v2', + state + ) return ( <> +
+ {lastState ?.fromGérer && ( + + {emoji('⬅️')} Retour à mon activité + + )} + {lastState ?.fromCréer && ( + + {emoji('⬅️')} Retour à la création + + )} +
- {/* */} ) -} \ No newline at end of file +} diff --git a/source/webpack.common.js b/source/webpack.common.js index 69cd5b284..edd74dbc9 100644 --- a/source/webpack.common.js +++ b/source/webpack.common.js @@ -88,12 +88,12 @@ module.exports.commonLoaders = ({ legacy = false } = {}) => { { targets: !legacy ? { - esmodules: true - } + esmodules: true + } : { - esmodules: false, - browsers: ['ie 11'] - }, + esmodules: false, + browsers: ['ie 11'] + }, useBuiltIns: 'entry', corejs: '3' }