Merge branch 'feat/US730-remove-challenge-banner' into 'dev'

feat(challenge): remove banner

See merge request web-et-numerique/llle_project/ecolyo!588

src/components/Challenge/ChallengeView.tsx

@@ -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={{

src/components/Challenge/__snapshots__/ChallengeView.spec.tsx.snap

@@ -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={

src/components/Challenge/challengeView.scss

@@ -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%;

src/components/Header/CozyBar.tsx

@@ -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>

src/components/Header/Header.tsx

@@ -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

src/locales/fr.json

@@ -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",