A rapid fix of problem with transparent header on Cognitive's Compete page

Author: birdofpreyru

src/shared/routes/Communities/Cognitive/Routes.jsx

@@ -19,23 +19,33 @@ import { Route, Switch } from 'react-router-dom';
 
 import headerTheme from 'components/tc-communities/communities/cognitive/header.scss';
 
+import style from './style.scss';
+
 export default function Cognitive({ base, member, meta }) {
   return (
     <Route
       component={({ match }) => (
         <div>
+          <div className={style.back} />
           <Header
             baseUrl={base}
             pageId={match.params.pageId || 'home'}
             theme={headerTheme}
           />
           <Switch>
             <Route
-              component={() => (<div>{ChallengeListing({
-                challengesUrl: `${base}/challenges`,
-                meta,
-                newChallengeDetails: true,
-              })}</div>)}
+              component={() => (
+                <div>
+                  {
+                    ChallengeListing({
+                      challengesUrl: `${base}/challenges`,
+                      meta,
+                      listingOnly: true,
+                      newChallengeDetails: true,
+                    })
+                  }
+                </div>
+              )}
               exact
               path={`${base}/challenges`}
             />

src/shared/routes/Communities/Cognitive/style.scss

@@ -0,0 +1,6 @@
+.back {
+  background: gray;
+  width: 100%;
+  height: 70px;
+  position: absolute;
+}