Skip to content
Snippets Groups Projects
Commit a3aea298 authored by Romain CREY's avatar Romain CREY
Browse files

fix: finished challenge badge

parent e5988c6d
Branches
No related tags found
2 merge requests!15Merge Dev to Master,!8Features/us142 challenge start redirect
......@@ -96,7 +96,7 @@ const AvailableChallengeDetailsViewContainer: React.FC<AvailableChallengeDetails
<>
<div className="cp-root --available">
<div className="cp-content">
<div className="cp-info">
<div className="cp-info --available">
<div className="cp-title text-22-bold">{challenge.title}</div>
<StyledIconButton
className="cp-icon"
......
......@@ -110,27 +110,17 @@ const FinishedChallengeDetailsViewContainer: React.FC<FinishedChallengeDetailsVi
</div>
)
) : null}
{/* <StyledIconButton
className="cp-icon"
icon={badgeIcon ? badgeIcon : DefaultChallengeIcon}
size={screenType === ScreenType.MOBILE ? 200 : 350}
/> */}
{/* <StyledIcon
className="cm-win-star"
icon={StarIcon}
size={300}
/> */}
<div className="cp-win-badge-star">
<StyledIcon
className="cp-win-badge"
icon={badgeIcon ? badgeIcon : DefaultChallengeIcon}
size={screenType === ScreenType.MOBILE ? 180 : 200}
size={screenType === ScreenType.MOBILE ? 150 : 200}
/>
{challenge.badge === 1 ? (
<StyledIcon
className="cp-win-star"
icon={StarIcon}
size={300}
size={screenType === ScreenType.MOBILE ? 220 : 300}
/>
) : null}
</div>
......
......@@ -166,6 +166,7 @@ export default class ChallengeDataMapper {
completeAvailableEcogestures.push(unfilteredEcogestures[0])
}
}
// --> fluid dependancy for challenge
// let filteredAvailableEcogestures = completeAvailableEcogestures.filter(
// eg =>
......@@ -174,6 +175,7 @@ export default class ChallengeDataMapper {
// fluidTypes.includes(eg.fluidTypes[1]) ||
// fluidTypes.includes(eg.fluidTypes[2]))
// )
let filteredAvailableEcogestures = completeAvailableEcogestures
const fluidFilteredEcogestures = [...new Set(filteredAvailableEcogestures)]
......
......@@ -368,13 +368,14 @@
align-items: center;
flex-direction: column;
color: $text-bright;
height: 84vh;
min-height: 84vh;
justify-content: space-between;
&.--locked {
@extend .cp-content;
justify-content: center;
}
.cp-info {
display: flex;
flex-direction: column;
......@@ -382,9 +383,12 @@
justify-content: space-between;
background-color: $dark-light-2;
width: 100%;
height: 60%;
padding-top: 2rem;
padding-top: 1rem;
padding-bottom: 0.5rem;
&.--available {
@extend .cp-info;
height: 74vh;
}
.cp-icon {
margin-bottom: 1rem;
}
......@@ -395,8 +399,6 @@
display: grid;
align-items: center;
justify-items: center;
position: absolute;
top: 222px;
.cp-win-badge {
grid-column: 1;
grid-row: 1;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment