From 4695ccbf5c61c3827a48cfe642092d709aaf9010 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Tue, 30 Mar 2021 18:10:43 +0200
Subject: [PATCH] feat: update ChallengeCardUnlocked button
---
src/components/Challenge/ChallengeCardUnlocked.tsx | 9 +++++----
src/locales/fr.json | 10 +++++++---
2 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/src/components/Challenge/ChallengeCardUnlocked.tsx b/src/components/Challenge/ChallengeCardUnlocked.tsx
index 547d92062..3539eaede 100644
--- a/src/components/Challenge/ChallengeCardUnlocked.tsx
+++ b/src/components/Challenge/ChallengeCardUnlocked.tsx
@@ -6,7 +6,7 @@ import { updateUserChallengeList } from 'store/challenge/challenge.actions'
import './challengeCardUnlocked.scss'
import { UserChallenge } from 'models'
import ChallengeService from 'services/challenge.service'
-import MuiButton from '@material-ui/core/Button'
+import Button from '@material-ui/core/Button'
import ChallengeNoFluidModal from './ChallengeNoFluidModal'
import { AppStore } from 'store'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
@@ -57,15 +57,16 @@ const ChallengeCardUnlocked: React.FC<ChallengeCardUnlockedProps> = ({
<div className="cardContent cardUnlocked">
<span className="challengeTitle">{userChallenge.title}</span>
<StyledIcon className="challengeIcon" icon={challengeIcon} />
- <MuiButton
+ <Button
+ aria-label={t('challenge.accessibility.button_launch')}
onClick={launchChallenge}
classes={{
root: 'btn-duel-active',
label: 'text-16-bold',
}}
>
- {t('challenge.card.unlocked.launch')}
- </MuiButton>
+ {t('challenge.card_unlocked.button_launch')}
+ </Button>
</div>
<ChallengeNoFluidModal
open={openNoFluidModal}
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 88ea3f79b..b62103d88 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -392,9 +392,6 @@
},
"challenge": {
"card": {
- "unlocked": {
- "launch": "Lancer le challenge"
- },
"ongoing": {
"quiz": "Quiz",
"exploration": "Explorations",
@@ -417,6 +414,13 @@
"stars": " étoiles",
"get_in": "obtenues en ",
"final_defi": "sur le duel final"
+ },
+ "card_unlocked": {
+ "button_launch": "Lancer le challenge"
+ },
+ "accessibility": {
+ "button_launch": "Lancer le challenge",
+ "button_goto_konnector": "Aller aux connecteurs"
}
},
"challenge_no_fluid_modal": {
--
GitLab