🐛 Répare l'affichage des règles remplacées

🎨 Ajoute un espacement au dessus du bloc cotiz forfaitaire indépendant
pull/1716/head
Johan Girod 2021-09-15 17:24:54 +02:00
parent a311e224b4
commit 4ee0d7852e
2 changed files with 10 additions and 17 deletions

View File

@ -26,12 +26,14 @@ export default function IndépendantExplanation() {
return (
<>
<WhenApplicable dottedName="dirigeant . indépendant . cotisations et contributions . début activité">
<CotisationsForfaitaires />
</WhenApplicable>
<WhenNotApplicable dottedName="dirigeant . indépendant . cotisations et contributions . début activité">
<CotisationsRégularisation />
</WhenNotApplicable>
<section>
<WhenApplicable dottedName="dirigeant . indépendant . cotisations et contributions . début activité">
<CotisationsForfaitaires />
</WhenApplicable>
<WhenNotApplicable dottedName="dirigeant . indépendant . cotisations et contributions . début activité">
<CotisationsRégularisation />
</WhenNotApplicable>
</section>
<InstitutionsPartenaires />
<Condition expression="dirigeant . rémunération . nette après impôt > 0 €/an">
<section>

View File

@ -3,8 +3,8 @@ import { useState } from 'react'
import emoji from 'react-easy-emoji'
import Variations from './Variations'
import Overlay from '../Overlay'
import Explanation from '../Explanation'
import { RuleLinkWithContext } from '../RuleLink'
import { NodeValuePointer, UnfoldIsEnabledContext } from './common'
import { EvaluatedNode } from 'publicodes/source/AST/types'
export default function Replacement(node: VariationNode & EvaluatedNode) {
@ -18,16 +18,7 @@ export default function Replacement(node: VariationNode & EvaluatedNode) {
const [displayReplacements, changeDisplayReplacement] = useState(false)
return (
<span>
<RuleLinkWithContext dottedName={replacedNode.dottedName} />
&nbsp;
{applicableReplacement && (
<span>
<NodeValuePointer
data={(applicableReplacement as any).nodeValue}
unit={(applicableReplacement as any).unit}
/>
</span>
)}
<Explanation node={applicableReplacement} />
&nbsp;
<button
onClick={() => changeDisplayReplacement(true)}