Blockchain: Footer changed

Author: birdofpreyru

src/shared/components/tc-communities/Footer2/index.jsx

@@ -0,0 +1,20 @@
+/**
+ * Alternative footer for Topcoder sub-communities. It is just a gray stripe,
+ * where dark gray TC logo and (c) msg are rendered.
+ */
+
+import React from 'react';
+
+import TopcoderLogoGray from '../../../../assets/images/tc-communities/logo_topcoder_gray.svg';
+import './style.scss';
+
+export default function Footer2() {
+  return (
+    <div styleName="footer">
+      <div styleName="content">
+        <TopcoderLogoGray />
+        <span styleName="copyright">&copy; Topcoder, 2017</span>
+      </div>
+    </div>
+  );
+}

src/shared/components/tc-communities/Footer2/style.scss

@@ -0,0 +1,17 @@
+.content {
+  text-align: center;
+}
+
+.copyright {
+  bottom: 6px;
+  color: #787d81;
+  display: inline-block;
+  font: 12px 'Open Sans';
+  left: 24px;
+  position: relative;
+}
+
+.footer {
+  background: #fafafb;
+  padding: 24px 24px 18px;
+}

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

@@ -10,7 +10,7 @@ import ChallengeListingRegisterToSee from
   'components/tc-communities/communities/blockchain/ChallengeListing/RegisterToSee';
 
 import Error404 from 'components/Error404';
-import Footer from 'containers/tc-communities/Footer';
+import Footer from 'components/tc-communities/Footer2';
 import Header from 'containers/tc-communities/Header';
 import Home from 'components/tc-communities/communities/blockchain/Home';
 import Learn from 'components/tc-communities/communities/blockchain/Learn';