diff --git a/src/lib/components/variables/VariableReferredParameters.svelte b/src/lib/components/variables/VariableReferredParameters.svelte index 94e203f7c2c5dc63d00ed50b43595dc118caabc7..fa18c7e2c5bf723c602ff23ab5167279767e6d7d 100644 --- a/src/lib/components/variables/VariableReferredParameters.svelte +++ b/src/lib/components/variables/VariableReferredParameters.svelte @@ -82,6 +82,18 @@ </div> {/if} <div class="ml-4"> + {#if variable.obsolete} + <p class="text-red-600">Ce dispositif est obsolète.</p> + {/if} + {#if latestFormulaDate < "2020"} + <p class="text-yellow-600 font-bold"> + Ce dispositif n'est peut-être pas à jour. + </p> + {:else} + <p class="text-le-vert-validation-dark font-bold"> + Ce dispositif est à jour ! + </p> + {/if} <p class="text-black"> La dernière formule permettant de chiffrer ce dispositif sur Leximpact {#if latestFormulaDate === "0001-01-01"} @@ -91,9 +103,7 @@ <b>{latestFormulaDate.split("-")[0]}</b>. {/if} </p> - {#if variable.obsolete} - <p class="text-red-600">Ce dispositif est obsolète.</p> - {/if} + <div class="text-xs"> <a class="underline text-gray-500 hover:text-le-bleu" diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 646706ba10876433f76a2816dcb1a311f668ee49..cb5a38a4baad6a7d58ea6ca3244e8f09ec4c786c 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -17,6 +17,8 @@ const config = { "le-gris-dispositif": "#5E709E", "le-gris-dispositif-light": "#CCD3E7", "le-gris-dispositif-dark": "#2F406A", + "le-vert-validation": "#13CC03", + "le-vert-validation-dark": "#377330", white: colors.white, }, blur: {