diff --git a/components/ir/cartes-impact/gagnants-perdants/gagnants-perdants-component.tsx b/components/ir/cartes-impact/gagnants-perdants/gagnants-perdants-component.tsx index 350ecd71cb0acb987668fb6752d6fc89a3cf239a..4d1de35a21efc1327613f64af796d94412ecb743 100644 --- a/components/ir/cartes-impact/gagnants-perdants/gagnants-perdants-component.tsx +++ b/components/ir/cartes-impact/gagnants-perdants/gagnants-perdants-component.tsx @@ -91,92 +91,92 @@ class GagnantsPerdantsCard extends PureComponent<PropsFromRedux> { return ( <Card content1={ - (<div className={styles.explicationPLF2022}> - Les données de population disponibles à ce jour ne suffisent pas à fournir une estimation du nombre de foyers ayant une augmentation ou une baisse de leur impôt. - </div>) - - // ( - // <Fragment> - - // {isDisabledEtat && ( - // <div> - // <div className={styles.buttonPosition}> - // <Button - // color="secondary" - // size="medium" - // variant="outlined" - // onClick={onClickSimPop}> - // <AccountBalanceIcon /> - // <FaceIcon className={styles.marginIcon} /> - // Estimer ~60" - // <CachedIcon className={styles.miniIcon} /> - // </Button> - // </div> - // </div> - // )} - // {!isDisabledEtat && isLoadingEtat && ( - // <div className={styles.buttonPosition}> - // <CircularProgress color="secondary" /> - // </div> - // )} - // {!isDisabledEtat && !isLoadingEtat && ( - // <GagnantsPerdantsContent - // amendement={hausseReforme} - // caption="de foyers nouvellement imposables" - // captionAmendement={hausseZeroReforme} - // captionPlf={hausseZeroPlf} - // icon={( - // <ArrowUpwardIcon - // classes={{ root: styles.styleIconPerdant }} - // fontSize="default" - // /> - // )} - // plf={haussePlf} - // title="ayant une augmentation" - // /> - // )} - // </Fragment> - // ) + // (<div className={styles.explicationPLF2022}> + // Les données de population disponibles à ce jour ne suffisent pas à fournir une estimation du nombre de foyers ayant une augmentation ou une baisse de leur impôt. + // </div>) + + ( + <Fragment> + + {isDisabledEtat && ( + <div> + <div className={styles.buttonPosition}> + <Button + color="secondary" + size="medium" + variant="outlined" + onClick={onClickSimPop}> + <AccountBalanceIcon /> + <FaceIcon className={styles.marginIcon} /> + Estimer ~60" + <CachedIcon className={styles.miniIcon} /> + </Button> + </div> + </div> + )} + {!isDisabledEtat && isLoadingEtat && ( + <div className={styles.buttonPosition}> + <CircularProgress color="secondary" /> + </div> + )} + {!isDisabledEtat && !isLoadingEtat && ( + <GagnantsPerdantsContent + amendement={hausseReforme} + caption="de foyers nouvellement imposables" + captionAmendement={hausseZeroReforme} + captionPlf={hausseZeroPlf} + icon={( + <ArrowUpwardIcon + classes={{ root: styles.styleIconPerdant }} + fontSize="default" + /> + )} + plf={haussePlf} + title="ayant une augmentation" + /> + )} + </Fragment> + ) } - content2={null - // (!isDisabledEtat && !isLoadingEtat) ? ( - // <GagnantsPerdantsContent - // amendement={baisseReforme} - // icon={( - // <ArrowDownwardIcon - // classes={{ root: styles.styleIconGagnant }} - // fontSize="default" - // /> - // )} - // plf={baissePlf} - // title="ayant une baisse" - // /> - // ) : null + content2={ + (!isDisabledEtat && !isLoadingEtat) ? ( + <GagnantsPerdantsContent + amendement={baisseReforme} + icon={( + <ArrowDownwardIcon + classes={{ root: styles.styleIconGagnant }} + fontSize="default" + /> + )} + plf={baissePlf} + title="ayant une baisse" + /> + ) : null } - content3={null - // (!isDisabledEtat && !isLoadingEtat) ? ( - // <Fragment> - // <GagnantsPerdantsContent - // amendement={neutreReforme} - // caption="de foyers toujours exonérés" - // captionAmendement={neutreZeroReforme} - // captionPlf={neutreZeroPlf} - // icon={( - // <NotInterestedIcon - // classes={{ root: styles.styleIconNeutre }} - // fontSize="default" - // /> - // )} - // plf={neutrePlf} - // title="non concernés" - // /> - // <div className={styles.sourceInsee}> - // * Chiffrages indicatifs. - // <br /> - // Données ERFS-FPR (Insee 2018). - // </div> - // </Fragment> - // ) : null + content3={ + (!isDisabledEtat && !isLoadingEtat) ? ( + <Fragment> + <GagnantsPerdantsContent + amendement={neutreReforme} + caption="de foyers toujours exonérés" + captionAmendement={neutreZeroReforme} + captionPlf={neutreZeroPlf} + icon={( + <NotInterestedIcon + classes={{ root: styles.styleIconNeutre }} + fontSize="default" + /> + )} + plf={neutrePlf} + title="non concernés" + /> + <div className={styles.sourceInsee}> + * Chiffrages indicatifs. + <br /> + Données ERFS-FPR (Insee 2018). + </div> + </Fragment> + ) : null } icon={<Icon height="40" icon={familyManGirlGirl} width="40" />} subTitle="en millions pour population à RFR stable depuis 2019"