🎨 :fountain-pen: typos et meilleur affichage des activités sur mobile
Johan Girod
parent
921f56dd9e
commit
10e4486196
|
|
@ -96,20 +96,23 @@ export default compose(
|
|||
</div>
|
||||
</section>
|
||||
{!process.env.MASTER && (
|
||||
<section className="ui__ container">
|
||||
<h2>Le saviez-vous ?</h2>
|
||||
<p>
|
||||
Location meublée, covoiturage, etc : les revenus des plateformes
|
||||
collaboratives doivent souvent être déclarées. Pour être sûr de ne
|
||||
rien oublier :
|
||||
</p>
|
||||
<div css="text-align: center">
|
||||
<Link
|
||||
className="ui__ simple button"
|
||||
to={sitePaths.économieCollaborative.index}>
|
||||
{emoji('📱 ')} Suivez le guide
|
||||
<T />
|
||||
</Link>
|
||||
<section className="ui__ container card">
|
||||
<div className="ui__ container">
|
||||
<h2>Vos activités sur les plateformes d’économie collaborative</h2>
|
||||
<p>
|
||||
Location meublée, covoiturage, etc : les revenus des plateformes
|
||||
collaboratives doivent souvent être déclarées et dans certains cas
|
||||
nécessitent la création d’une entreprise. Pour être sûr de ne rien
|
||||
oublier :
|
||||
</p>
|
||||
<p css="text-align: center">
|
||||
<Link
|
||||
className="ui__ simple button"
|
||||
to={sitePaths.économieCollaborative.index}>
|
||||
{emoji('📱 ')} Suivez le guide
|
||||
<T />
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -33,6 +33,10 @@ export default (function ActivitésSelection() {
|
|||
<p>
|
||||
Suivez ce guide pour savoir en quelques clics comment être en règle.
|
||||
</p>
|
||||
<p className="ui__ notice">
|
||||
À partir de 2020, ces revenus seront communiqués automatiquement par
|
||||
les plateformes à l’administration fiscale et à l’Urssaf.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section className="ui__ full-width choice-group">
|
||||
|
|
@ -80,6 +84,15 @@ export const ActivitéSelection = withSitePaths(
|
|||
}
|
||||
)
|
||||
|
||||
const activitéCardCss = `
|
||||
width: 15rem;
|
||||
justify-content: center;
|
||||
margin: 1rem !important;
|
||||
font-size: initial! important;
|
||||
@media(max-width: 500px) {
|
||||
width: 100%
|
||||
}
|
||||
`
|
||||
export const ActivitéCard = withSitePaths(
|
||||
({ title, selected, answered, sitePaths, label }) => {
|
||||
const { dispatch } = useContext(StoreContext)
|
||||
|
|
@ -96,7 +109,7 @@ export const ActivitéCard = withSitePaths(
|
|||
className={classnames('ui__ button-choice block', { selected })}
|
||||
key={title}
|
||||
tabIndex={-1}
|
||||
css="width: 15rem; justify-content: center; margin: 1rem !important; font-size: initial! important"
|
||||
css={activitéCardCss}
|
||||
onClick={toggle}>
|
||||
<div css="display: flex; flex-direction: column; height: 100%; ">
|
||||
{selected !== undefined && (
|
||||
|
|
|
|||
|
|
@ -48,42 +48,45 @@ export default withSitePaths(function VotreSituation({ sitePaths }) {
|
|||
<>
|
||||
<h2>Créer une activité professionnelle</h2>
|
||||
<p>
|
||||
Vos revenus sont considérées comme revenus professionnels, ils
|
||||
sont soumis aux cotisations sociale. En contrepartie, ils donnent
|
||||
droits à des prestations sociales (retraite, assurance maladie,
|
||||
indemnités, etc.).
|
||||
Vos revenus sont considérés comme revenus professionnels, ils sont
|
||||
soumis aux cotisations sociales. En contrepartie, ils donnent
|
||||
droit à des prestations sociales (retraite, assurance maladie,
|
||||
etc.).
|
||||
</p>
|
||||
{régimeGénéralDisponible && (
|
||||
<>
|
||||
<h3>Régime général disponible</h3>
|
||||
<p>
|
||||
Si vous n'avez pas d'entreprise et ne souhaitez pas en créer
|
||||
une, vous pouvez simplement déclarer vos revenus sur le site
|
||||
de l'Urssaf. Vous devrez dans tous les cas les déclarer aussi
|
||||
aux impôts.
|
||||
Pour certaines activités, si vous n'avez pas d'entreprise et
|
||||
ne souhaitez pas en créer une, vous pouvez simplement déclarer
|
||||
vos revenus sur le site de l'Urssaf. Vous devrez dans tous les
|
||||
cas les déclarer aussi aux impôts.
|
||||
</p>
|
||||
</>
|
||||
)}
|
||||
<h3>Mes options</h3>
|
||||
<p
|
||||
className="ui__ answer-group"
|
||||
css="justify-content: start !important">
|
||||
css="justify-content: start !important; flex-wrap: wrap;">
|
||||
{régimeGénéralDisponible && (
|
||||
<a
|
||||
href="https://www.urssaf.fr/portail/home/espaces-dedies/activites-relevant-de-leconomie/vous-optez-pour-le-regime-genera.html"
|
||||
className="ui__ small button">
|
||||
Déclarer sans créer d'entreprise
|
||||
href="https://ats.declaration.urssaf.fr/Application-ECOLAB-Inscription/"
|
||||
css="flex: 1"
|
||||
className="ui__ small button">
|
||||
Déclarer au régime général
|
||||
</a>
|
||||
)}
|
||||
<Link
|
||||
to={sitePaths.entreprise.trouver}
|
||||
className="ui__ small button">
|
||||
Déclarer avec mon entreprise
|
||||
to={sitePaths.entreprise.index}
|
||||
css="flex: 1"
|
||||
className="ui__ small button">
|
||||
Déclarer avec une nouvelle entreprise
|
||||
</Link>
|
||||
<Link
|
||||
to={sitePaths.entreprise.index}
|
||||
className="ui__ small button">
|
||||
Créer une entreprise
|
||||
to={sitePaths.entreprise.trouver}
|
||||
css="flex: 1"
|
||||
className="ui__ small button">
|
||||
Déclarer avec une entreprise existante
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue