Commit ef371ebd authored by Etienne LOUPIAS's avatar Etienne LOUPIAS
Browse files

feat(challenge): remove banner

parent 3d76e29d
......@@ -131,11 +131,10 @@ const ChallengeView: React.FC = () => {
return (
<>
<CozyBar titleKey={'common.title_challenge'} isBuilding={true} />
<CozyBar titleKey={'common.title_challenge'} />
<Header
setHeaderHeight={defineHeaderHeight}
desktopTitleKey={'common.title_challenge'}
isBuilding={true}
></Header>
<Content height={headerHeight}>
<div
......@@ -148,10 +147,6 @@ const ChallengeView: React.FC = () => {
onMouseMove={handleClickOrTouchMove}
onMouseUp={handleClickOrTouchEnd}
>
<div className="building-banner">
<div className="title">{t('challenge.banner.title')}</div>
<div className="content">{t('challenge.banner.content')}</div>
</div>
<div
className="challenge-container"
style={{
......
......@@ -3,12 +3,10 @@
exports[`ChallengeView component should be rendered correctly 1`] = `
<React.Fragment>
<CozyBar
isBuilding={true}
titleKey="common.title_challenge"
/>
<Header
desktopTitleKey="common.title_challenge"
isBuilding={true}
setHeaderHeight={[Function]}
/>
<Content
......@@ -24,20 +22,6 @@ exports[`ChallengeView component should be rendered correctly 1`] = `
onTouchMove={[Function]}
onTouchStart={[Function]}
>
<div
className="building-banner"
>
<div
className="title"
>
challenge.banner.title
</div>
<div
className="content"
>
challenge.banner.content
</div>
</div>
<div
className="challenge-container"
style={
......
......@@ -12,35 +12,6 @@
align-items: center;
padding: 0 2rem;
}
.building-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(
45deg,
#e3b82a 25%,
#e2a70d 25%,
#e2a70d 50%,
#e3b82a 50%,
#e3b82a 75%,
#e2a70d 75%,
#e2a70d 100%
);
background-size: 56.57px 56.57px;
width: -webkit-fill-available;
box-sizing: border-box;
padding: 0.5rem 1rem;
text-align: center;
height: 75px;
margin: 1rem -1rem 0;
z-index: calc(#{$z-header} - 1);
border-radius: 6px;
.title {
font-weight: 700;
margin-bottom: 0.1rem;
}
}
.challenge-container {
position: relative;
width: 100%;
......
......@@ -16,7 +16,6 @@ import StyledIconButton from 'components/CommonKit/IconButton/StyledIconButton'
interface CozyBarProps {
titleKey?: string
displayBackArrow?: boolean
isBuilding?: boolean
isNotKey?: boolean
backFunction?: () => void
}
......@@ -24,7 +23,6 @@ interface CozyBarProps {
const CozyBar = ({
titleKey = 'common.title_app',
displayBackArrow = false,
isBuilding,
isNotKey,
backFunction,
}: CozyBarProps) => {
......@@ -62,19 +60,9 @@ const CozyBar = ({
)}
<BarCenter>
<div className="cozy-bar">
{isBuilding ? (
<>
<Icon icon={HammerLeft} size={17} />
<span className="app-title isBuilding">
{isNotKey ? titleKey : t(titleKey)}
</span>
<Icon icon={HammerRight} size={17} />
</>
) : (
<span className="app-title">
{isNotKey ? titleKey : t(titleKey)}
</span>
)}
<span className="app-title">
{isNotKey ? titleKey : t(titleKey)}
</span>
</div>
</BarCenter>
<BarRight>
......
......@@ -22,7 +22,6 @@ interface HeaderProps {
displayBackArrow?: boolean
children?: React.ReactNode
setHeaderHeight(height: number): void
isBuilding?: boolean
isNotKey?: boolean
backFunction?: () => void
}
......@@ -33,7 +32,6 @@ const Header: React.FC<HeaderProps> = ({
displayBackArrow,
children,
setHeaderHeight,
isBuilding,
isNotKey,
backFunction,
}: HeaderProps) => {
......@@ -107,17 +105,7 @@ const Header: React.FC<HeaderProps> = ({
</IconButton>
)}
{/* {t(desktopTitleKey)} */}
{isBuilding ? (
<>
<div className="building-title">
<Icon icon={HammerLeft} size={17} />
<span className="isBuilding">{t(desktopTitleKey)}</span>
<Icon icon={HammerRight} size={17} />
</div>
</>
) : (
<span>{isNotKey ? desktopTitleKey : t(desktopTitleKey)}</span>
)}
<span>{isNotKey ? desktopTitleKey : t(desktopTitleKey)}</span>
</div>
)}
<IconButton
......
......@@ -210,10 +210,6 @@
}
},
"challenge": {
"banner": {
"title": "Nouvelle section prochainement",
"content": "Nous traitons actuellement les retours des utilisateurs afin d'améliorer les défis"
},
"card": {
"ongoing": {
"quiz": "Quiz",
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment