diff --git a/source/components/SalaryExplanation.js b/source/components/SalaryExplanation.js
index 6444d3019..0408472a1 100644
--- a/source/components/SalaryExplanation.js
+++ b/source/components/SalaryExplanation.js
@@ -8,6 +8,21 @@ import { connect } from 'react-redux'
import { formValueSelector } from 'redux-form'
import * as Animate from 'Ui/animate'
+class ErrorBoundary extends React.Component {
+ state = {}
+ static getDerivedStateFromError() {
+ return {
+ error:
+ 'The SalaryExplanation component triggered an error. This often happens in its subcomponents reducers'
+ }
+ }
+ render() {
+ if (this.state.error)
+ return Erreur : {this.state.error}
+ return this.props.children
+ }
+}
+
export default compose(
withTracker,
connect(state => ({
@@ -15,42 +30,47 @@ export default compose(
}))
)(function SalaryExplanation({ showDistributionFirst }) {
return (
-
- {showDistributionFirst ? (
- <>
-
-
-
- ) : (
- <>
-
-
-
- )}
-
-
-
- Le simulateur vous aide à comprendre votre bulletin de paie, sans lui
- être opposable. Pour plus d'informations, rendez vous sur
-
- service-public.fr
-
- .
-
-
-
-
- Il ne prend pour l'instant pas en compte les accords et conventions
- collectives, ni la myriade d'aides aux entreprises. Trouvez votre
- convention collective{' '}
- ici
- , et explorez les aides sur
- aides-entreprises.fr.
-
-
-
+
+
+ {showDistributionFirst ? (
+ <>
+
+
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+
+ Le simulateur vous aide à comprendre votre bulletin de paie, sans
+ lui être opposable. Pour plus d'informations, rendez vous
+ sur
+
+ service-public.fr
+
+ .
+
+
+
+
+ Il ne prend pour l'instant pas en compte les accords et conventions
+ collectives, ni la myriade d'aides aux entreprises. Trouvez votre
+ convention collective{' '}
+
+ ici
+
+ , et explorez les aides sur
+ aides-entreprises.fr.
+
+
+
+
)
})