Some fixes of Blockchain community routing

+ preparing to hide the challenge listing when visitor is not a member
of community (but this is not finished yet).

Author: birdofpreyru

src/assets/themes/blockchain/challenges/banner.jpg

@@ -0,0 +1,22 @@
+/**
+ * Head banner for challenge listing page in Blockchain community.
+ */
+
+import Banner from 'components/tc-communities/Banner';
+import React from 'react';
+import style from './style.scss';
+
+export default function TopBanner() {
+  return (
+    <Banner
+      title="Challenges"
+      text="Browse our available challenges and compete."
+      theme={{
+        container: style.bannerContainer,
+        content: style.bannerContent,
+        contentInner: style.bannerContentInner,
+      }}
+      imageSrc="/themes/blockchain/challenges/banner.jpg"
+    />
+  );
+}

src/shared/components/tc-communities/communities/blockchain/ChallengeListing/TopBanner/index.jsx

@@ -0,0 +1,28 @@
+@import "~styles/mixins";
+
+.bannerContainer {
+  height: 252px !important;
+
+  @include xxs-to-xs {
+    height: 300px !important;
+  }
+}
+
+.bannerContent {
+  bottom: 0 !important;
+  top: 0 !important;
+  transform: none !important;
+  width: 600px !important;
+
+  @include xxs-to-xs {
+    top: auto !important;
+    width: 100% !important;
+  }
+}
+
+.bannerContentInner {
+  @include xxs-to-xs {
+    padding-bottom: 20px !important;
+    padding-top: 48px !important;
+  }
+}

src/shared/components/tc-communities/communities/blockchain/ChallengeListing/TopBanner/style.scss

@@ -2,11 +2,13 @@
  * Routing of Wipro Community.
  */
 
+import ChallengeListingTopBanner from
+  'components/tc-communities/communities/blockchain/ChallengeListing/TopBanner';
 import Error404 from 'components/Error404';
-import Footer from 'components/tc-communities/communities/wipro/Footer';
+import Footer from 'containers/tc-communities/Footer';
 import Header from 'containers/tc-communities/Header';
-import Home from 'components/tc-communities/communities/qa/Home';
-import Learn from 'components/tc-communities/communities/qa/Learn';
+import Home from 'components/tc-communities/communities/blockchain/Home';
+import Learn from 'components/tc-communities/communities/blockchain/Learn';
 import PT from 'prop-types';
 import React from 'react';
 import { Route, Switch } from 'react-router-dom';
@@ -22,7 +24,12 @@ export default function Routes({ base, meta }) {
           <Header pageId={match.params.pageId || 'home'} />
           <Switch>
             <Route
-              component={() => <ChallengeListing meta={meta} />}
+              component={() => (
+                <div>
+                  <ChallengeListingTopBanner />
+                  <ChallengeListing listingOnly meta={meta} />
+                </div>
+              )}
               exact
               path={`${base}/challenges`}
             />

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

@@ -11,6 +11,7 @@ import { SplitRoute } from 'utils/router';
 
 export default function ChallengeListingRoute({
   challengesUrl,
+  listingOnly,
   meta,
   newChallengeDetails,
 }) {
@@ -39,6 +40,7 @@ export default function ChallengeListingRoute({
                * should be adopted. */
               hideTcLinksInSidebarFooter={meta.communityId === 'wipro'}
 
+              listingOnly={listingOnly}
               newChallengeDetails={newChallengeDetails}
               openChallengesInNewTabs={
                 _.get(meta, 'challengeListing.openChallengesInNewTabs')
@@ -55,11 +57,13 @@ export default function ChallengeListingRoute({
 
 ChallengeListingRoute.defaultProps = {
   challengesUrl: '/challenges',
+  listingOnly: false,
   newChallengeDetails: false,
 };
 
 ChallengeListingRoute.propTypes = {
   challengesUrl: PT.string,
+  listingOnly: PT.bool,
   meta: PT.shape({
     challengeListing: PT.shape({
       openChallengesInNewTabs: PT.bool,