From 4ef9600678da374fc276f934f8dc406baa2cbe25 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Mon, 13 Apr 2020 14:02:13 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Pr=C3=A9sentation=20du=20m=C3=A9?=
 =?UTF-8?q?canisme=20r=C3=A9gularisation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/engine/mecanisms.yaml            | 39 +++++++++++++------------
 source/sites/publi.codes/Mécanismes.tsx |  3 +-
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/source/engine/mecanisms.yaml b/source/engine/mecanisms.yaml
index 97161e0f2..8e0aec02b 100644
--- a/source/engine/mecanisms.yaml
+++ b/source/engine/mecanisms.yaml
@@ -201,9 +201,9 @@ arrondi:
             décimales: 1
 
 régularisation:
-  description: >-
-    Permet de régulariser progressivement un calcul de cotisation en fonction de
-    variables numérique mensuelle cumulée.
+  description: |
+    Permet de régulariser progressivement un calcul de cotisation en fonction du
+    cumul de variables numériques mensuelles.
 
     Ce mécanisme spécifique est utilisé pour le calcul des cotisations
     mensuelles, afin de "lisser" un plafond ou un calcul sur plusieurs mois.
@@ -217,6 +217,7 @@ régularisation:
     jour de l’année.
 
     Par exemple, pour la cotisation suivante : 
+
     ```yaml
       cotisation: 
         formule: 
@@ -225,26 +226,26 @@ régularisation:
             plafond: 2000 €/mois
             taux: 10%
     ```
+
     Avec un brut de 1000 € en janvier et 3500 € en février et 1000€ en mars, le cumul sera le
     suivant :
 
-    ```
-            brut   plafond   cotisation
-       JAN  1000   2000      1000 * 10% = 100 €
-       FEV  4500   4000      4000 * 10% = 400 € 
-       MAR  5500   6000      5500 * 10% = 550 € 
-    ```
-      
-    On regarde ensuite le cumul des valeurs déjà versée les mois précédent, pour
-    ne garder que la différence entre les deux montant. Dans notre exemple, on
-    abouti aux valeurs suivantes :
+    |     | brut   | plafond | cotisation         |
+    | --- | ------ | ------- |------------------- |
+    | JAN | 1000 € | 2000 €  | 1000 × 10% = 100 € |
+    | FEV | 4500 € | 4000 €  | 4000 × 10% = 400 € |
+    | MAR | 5500 € | 6000 €  | 5500 × 10% = 550 € |
 
-    ```
-            cotisation cumul  cotis régularisée
-       JAN  100 €             100 €    
-       FEV  400 €             400 € - 100 € = 300 €
-       MAR  550 €             550 € - 300 € = 150 €
-    ```
+      
+    On regarde ensuite le cumul des valeurs déjà versées les mois précédents, pour
+    ne garder que la différence entre les deux montants. Dans notre exemple, on
+    aboutit aux valeurs suivantes :
+
+    |     | cotisation cumul | cotisation régularisée |
+    | --- | ---------------- | ---------------------- |
+    | JAN |  100 €           |  100 €                 |
+    | FEV |  400 €           |  400 € - 100 € = 300 € |
+    | MAR |  550 €           |  550 € - 300 € = 150 € |
 
   arguments:
     règle: règle à régulariser
diff --git a/source/sites/publi.codes/Mécanismes.tsx b/source/sites/publi.codes/Mécanismes.tsx
index 65db9d5ca..dcc19bc9c 100644
--- a/source/sites/publi.codes/Mécanismes.tsx
+++ b/source/sites/publi.codes/Mécanismes.tsx
@@ -32,6 +32,7 @@ const Mecanism = ({ name, description, exemples }: MecanismProp) => (
 	</React.Fragment>
 )
 export default function Landing() {
+	const { pathname } = useLocation()
 	useEffect(() => {
 		var css = document.createElement('style')
 		css.type = 'text/css'
@@ -53,7 +54,7 @@ export default function Landing() {
 			<ul>
 				{Object.keys(mecanisms).map(name => (
 					<li key={name}>
-						<Link to={useLocation().pathname + '#' + name}>{name}</Link>
+						<Link to={pathname + '#' + name}>{name}</Link>
 					</li>
 				))}
 			</ul>