diff --git a/src/components/ContentComponents/ChallengeList/ChallengesList.tsx b/src/components/ContentComponents/ChallengeList/ChallengesList.tsx index 22db63076d0bfb249077eb6e4620ef19fc4922e0..ef84ae36011d931eaa2a734e712dce8723516c30 100644 --- a/src/components/ContentComponents/ChallengeList/ChallengesList.tsx +++ b/src/components/ContentComponents/ChallengeList/ChallengesList.tsx @@ -38,8 +38,8 @@ const ChallengesList: React.FC<ChallengesListProps> = ({ const [paddingBottom, setPaddingBottom] = useState(0) const handleCloseClick = () => { - setOpenChallengeModal(false) setOngoingChallenge(null) + setOpenChallengeModal(false) } const setRightChallengeInTheMiddle = ( diff --git a/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx b/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx index 45faf3f4c90e0a9373c93456b73037fdb00e5cbf..a25644a6595f8845017bb6022163a3c1a947fa7d 100644 --- a/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx +++ b/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx @@ -98,7 +98,11 @@ const ChallengeModal: React.FC<ChallengeModalProps> = ({ </span> </div> </div> - <StyledIcon className="cm-badge" icon={badgeIcon} size={100} /> + <img + className="cm-badge" + src={badgeIcon} + width={screenType === ScreenType.MOBILE ? 180 : 200} + ></img> <div className="cm-txt text-18-bold "> {' '} {t('CHALLENGE.CONSOLATION')} diff --git a/src/locales/en.json b/src/locales/en.json index 8f90c311f7835ae7b2c01ee6d62cab01b35852ab..c1d503cf778c0dc9b949b06c740d581a50f5772c 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -191,7 +191,7 @@ } }, "create_account": { - "enedis": "Je créé mon compte personnal Enedis" + "enedis": "Je créé mon compte personnel Enedis" }, "window": { "title": "OAuth" diff --git a/src/styles/components/_challenges.scss b/src/styles/components/_challenges.scss index fb1d6c170f49069ce136fe07036abe29f2f43f8c..c2c327a4a322a73c047c533036a1c4dd5fd068bd 100644 --- a/src/styles/components/_challenges.scss +++ b/src/styles/components/_challenges.scss @@ -249,7 +249,8 @@ } } .cm-badge { - margin: 2rem; + position: absolute; + top: 115px; } .cm-button-valid { margin-top: 1rem;