Merge branch 'develop' into f2f-design-submission-page-fixes-2

Author: birdofpreyru

.exchange-rates.cache

@@ -1 +1 @@
-{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1510657200,"base":"USD","rates":{"AED":3.673035,"AFN":68.597,"ALL":113.98,"AMD":486.63,"ANG":1.781857,"AOA":165.9225,"ARS":17.496,"AUD":1.310908,"AWG":1.786752,"AZN":1.6985,"BAM":1.675741,"BBD":2,"BDT":83.182854,"BGN":1.669083,"BHD":0.377161,"BIF":1749.6,"BMD":1,"BND":1.36149,"BOB":6.897686,"BRL":3.279497,"BSD":1,"BTC":0.000151240429,"BTN":65.285278,"BWP":10.652864,"BYN":1.991423,"BZD":2.00644,"CAD":1.274468,"CDF":1562.881563,"CHF":0.994774,"CLF":0.02337,"CLP":630,"CNH":6.642987,"CNY":6.638033,"COP":3008,"CRC":568.605,"CUC":1,"CUP":25.5,"CVE":94.875,"CZK":21.821947,"DJF":178.935,"DKK":6.350075,"DOP":47.937867,"DZD":114.8535,"EGP":17.6636,"ERN":15.191062,"ETB":27.169609,"EUR":0.853388,"FJD":2.074747,"FKP":0.764055,"GBP":0.764055,"GEL":2.537872,"GGP":0.764055,"GHS":4.4458,"GIP":0.764055,"GMD":47.29,"GNF":9013.95,"GTQ":7.326984,"GYD":207.46247,"HKD":7.80305,"HNL":23.606507,"HRK":6.4456,"HTG":63.603697,"HUF":266.133667,"IDR":13534.080047,"ILS":3.54841,"IMP":0.764055,"INR":65.424312,"IQD":1164.9,"IRR":34716.946723,"ISK":103.45,"JEP":0.764055,"JMD":126.505,"JOD":0.709001,"JPY":113.7169,"KES":103.645,"KGS":69.131479,"KHR":4032.45,"KMF":422,"KPW":900,"KRW":1114.85,"KWD":0.302496,"KYD":0.831775,"KZT":332.5,"LAK":8311.2,"LBP":1513.25,"LKR":153.61,"LRD":123.1,"LSL":14.476277,"LYD":1.365546,"MAD":9.46,"MDL":17.649228,"MGA":3154.35,"MKD":52.59,"MMK":1352.75,"MNT":2449.999147,"MOP":8.018738,"MRO":354.53,"MUR":34.2865,"MVR":15.390384,"MWK":725.74,"MXN":19.09005,"MYR":4.190414,"MZN":60.664443,"NAD":14.45,"NGN":359.36,"NIO":30.693726,"NOK":8.186992,"NPR":104.452204,"NZD":1.456717,"OMR":0.384994,"PAB":1,"PEN":3.24165,"PGK":3.199082,"PHP":51.192,"PKR":105.22,"PLN":3.61465,"PYG":5645.8,"QAR":3.641458,"RON":3.966758,"RSD":101.060687,"RUB":59.6774,"RWF":853.025,"SAR":3.7498,"SBD":7.792911,"SCR":13.405502,"SDG":6.664846,"SEK":8.421303,"SGD":1.361451,"SHP":0.764055,"SLL":7643.328121,"SOS":577.475,"SRD":7.448,"SSP":130.2634,"STD":20855.05009,"SVC":8.734183,"SYP":514.98999,"SZL":14.483364,"THB":33.0815,"TJS":8.794373,"TMT":3.499972,"TND":2.499956,"TOP":2.268632,"TRY":3.873196,"TTD":6.750494,"TWD":30.175513,"TZS":2241.4,"UAH":26.453,"UGX":3631.5,"USD":1,"UYU":29.244046,"UZS":8053.2,"VEF":10.03865,"VND":22717.119974,"VUV":106.743333,"WST":2.54764,"XAF":559.785804,"XAG":0.05904943,"XAU":0.00078581,"XCD":2.70255,"XDR":0.712471,"XOF":559.785804,"XPD":0.0010096,"XPF":101.836272,"XPT":0.00107701,"YER":250.294142,"ZAR":14.400955,"ZMW":9.907,"ZWL":322.355011}}
+{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1510657200,"base":"USD","rates":{"AED":3.673035,"AFN":68.597,"ALL":113.98,"AMD":486.63,"ANG":1.781857,"AOA":165.9225,"ARS":17.496,"AUD":1.310908,"AWG":1.786752,"AZN":1.6985,"BAM":1.675741,"BBD":2,"BDT":83.182854,"BGN":1.669083,"BHD":0.377161,"BIF":1749.6,"BMD":1,"BND":1.36149,"BOB":6.897686,"BRL":3.279497,"BSD":1,"BTC":0.000151240429,"BTN":65.285278,"BWP":10.652864,"BYN":1.991423,"BZD":2.00644,"CAD":1.274468,"CDF":1562.881563,"CHF":0.994774,"CLF":0.02337,"CLP":630,"CNH":6.642987,"CNY":6.638033,"COP":3008,"CRC":568.605,"CUC":1,"CUP":25.5,"CVE":94.875,"CZK":21.821947,"DJF":178.935,"DKK":6.350075,"DOP":47.937867,"DZD":114.8535,"EGP":17.6636,"ERN":15.191062,"ETB":27.169609,"EUR":0.853388,"FJD":2.074747,"FKP":0.764055,"GBP":0.764055,"GEL":2.537872,"GGP":0.764055,"GHS":4.4458,"GIP":0.764055,"GMD":47.29,"GNF":9013.95,"GTQ":7.326984,"GYD":207.46247,"HKD":7.80305,"HNL":23.606507,"HRK":6.4456,"HTG":63.603697,"HUF":266.133667,"IDR":13534.080047,"ILS":3.54841,"IMP":0.764055,"INR":65.424312,"IQD":1164.9,"IRR":34716.946723,"ISK":103.45,"JEP":0.764055,"JMD":126.505,"JOD":0.709001,"JPY":113.7169,"KES":103.645,"KGS":69.131479,"KHR":4032.45,"KMF":422,"KPW":900,"KRW":1114.85,"KWD":0.302496,"KYD":0.831775,"KZT":332.5,"LAK":8311.2,"LBP":1513.25,"LKR":153.61,"LRD":123.1,"LSL":14.476277,"LYD":1.365546,"MAD":9.46,"MDL":17.649228,"MGA":3154.35,"MKD":52.59,"MMK":1352.75,"MNT":2449.999147,"MOP":8.018738,"MRO":354.53,"MUR":34.2865,"MVR":15.390384,"MWK":725.74,"MXN":19.09005,"MYR":4.190414,"MZN":60.664443,"NAD":14.45,"NGN":359.36,"NIO":30.693726,"NOK":8.186992,"NPR":104.452204,"NZD":1.456717,"OMR":0.384994,"PAB":1,"PEN":3.24165,"PGK":3.199082,"PHP":51.192,"PKR":105.22,"PLN":3.61465,"PYG":5645.8,"QAR":3.641458,"RON":3.966758,"RSD":101.060687,"RUB":59.6774,"RWF":853.025,"SAR":3.7498,"SBD":7.792911,"SCR":13.405502,"SDG":6.664846,"SEK":8.421303,"SGD":1.361451,"SHP":0.764055,"SLL":7643.328121,"SOS":577.475,"SRD":7.448,"SSP":130.2634,"STD":20855.05009,"SVC":8.734183,"SYP":514.98999,"SZL":14.483364,"THB":33.0815,"TJS":8.794373,"TMT":3.499972,"TND":2.499956,"TOP":2.268632,"TRY":3.873196,"TTD":6.750494,"TWD":30.175513,"TZS":2241.4,"UAH":26.453,"UGX":3631.5,"USD":1,"UYU":29.244046,"UZS":8053.2,"VEF":10.03865,"VND":22717.119974,"VUV":106.743333,"WST":2.54764,"XAF":559.785804,"XAG":0.05904943,"XAU":0.00078581,"XCD":2.70255,"XDR":0.712471,"XOF":559.785804,"XPD":0.0010096,"XPF":101.836272,"XPT":0.00107701,"YER":250.294142,"ZAR":14.400955,"ZMW":9.907,"ZWL":322.355011}}

__tests__/shared/components/__snapshots__/Content.jsx.snap

@@ -405,7 +405,7 @@ exports[`Matches shallow shapshot 1`] = `
     <li>
       <Link
         replace={false}
-        to="examples/error-message"
+        to="/examples/error-message"
       >
         Error Message
       </Link>

src/server/server.js

@@ -3,6 +3,7 @@ import atob from 'atob';
 import bodyParser from 'body-parser';
 import cookieParser from 'cookie-parser';
 import express from 'express';
+import fetch from 'isomorphic-fetch';
 import helmet from 'helmet';
 import logger from 'utils/logger';
 import loggerMiddleware from 'morgan';
@@ -103,6 +104,14 @@ app.use('/community-app-assets/api/xml2json', (req, res) => {
   xmlToJson(req.body.xml).then(json => res.json(json));
 });
 
+/* Proxy endpoint for GET requests (to fetch data from resources prohibiting
+ * cross-origin requests). */
+app.use('/community-app-assets/api/proxy-get', (req, res) => {
+  fetch(req.query.url)
+    .then(x => x.text())
+    .then(x => res.send(x));
+});
+
 /* Returns currency exchange rates, cached at the server-side (thus drastically
  * reducing amount of calls to openexchangerates.com). */
 app.use('/community-app-assets/api/exchange-rates', (req, res) => {

src/shared/actions/rss.js

@@ -0,0 +1,58 @@
+/**
+ * Actions for management of data loaded from RSS feeds.
+ */
+
+import fetch from 'isomorphic-fetch';
+import { toJson } from 'utils/xml2json';
+import { createActions } from 'redux-actions';
+
+/**
+ * Payload creator for the action that drops data loaded from the specified
+ * RSS feed. Also cancels any pending loading of data for that feed.
+ * @param {String} feed Internal name of the feed.
+ * @return {String}
+ */
+function drop(feed) {
+  return feed;
+}
+
+/**
+ * Payload creator for the actions that drops all data loaded from RSS feeds.
+ */
+function dropAll() {}
+
+/**
+ * Payload creator for the action that initializes data loading for the
+ * specified feed.
+ * @param {String} feed Internal name of the feed.
+ * @param {String} uuid UUID of the loading operations.
+ * @return {Object} Action payload.
+ */
+function getInit(feed, uuid) {
+  return { feed, uuid };
+}
+
+/**
+ * Payload creator for the action that actually loads data for the specified
+ * RSS feed.
+ * @param {String} feed Internal name of the feed.
+ * @param {String} uuid UUID of the loading operation.
+ * @param {String} url URL of the RSS feed.
+ * @return {Object} Action payload.
+ */
+async function getDone(feed, uuid, url) {
+  let res = await fetch(url);
+  if (!res.ok) throw new Error(res.statusText);
+  res = await res.text();
+  res = await toJson(res);
+  return { feed, uuid, data: res.rss.channel };
+}
+
+export default createActions({
+  RSS: {
+    DROP: drop,
+    DROP_ALL: dropAll,
+    GET_INIT: getInit,
+    GET_DONE: getDone,
+  },
+});

src/shared/components/Content/index.jsx

@@ -169,7 +169,7 @@ export default function Content() {
           promise;
         </li>
         <li>
-          <Link to="examples/error-message">Error Message</Link> - Demonstrates
+          <Link to="/examples/error-message">Error Message</Link> - Demonstrates
           UI component for errors messaging;
         </li>
         <li>

src/shared/components/ErrorMessage/index.jsx

@@ -50,12 +50,13 @@ class ErrorMessage extends React.Component {
   }
 }
 
-/**
- * Prop Validation
- */
+ErrorMessage.defaultProps = {
+  details: '',
+};
+
 ErrorMessage.propTypes = {
   title: PT.string.isRequired,
-  details: PT.string.isRequired,
+  details: PT.string,
   onOk: PT.func.isRequired,
 };
 

src/shared/components/tc-communities/communities/blockchain/Learn/ConsenSysAtMedium/Card/index.jsx

@@ -0,0 +1,46 @@
+/**
+ * Renders a single article card.
+ */
+
+import PT from 'prop-types';
+import React from 'react';
+
+import './style.scss';
+
+export default function Card({ fullWidth, item }) {
+  return (
+    <div styleName={fullWidth ? 'full-width-container' : 'container'}>
+      <h3>
+        <a
+          href={item.link}
+          rel="noopener noreferrer"
+          target="_blank"
+        >{item.title}</a></h3>
+      <div
+        /* eslint-disable react/no-danger */
+        dangerouslySetInnerHTML={{ __html: item['content:encoded'] }}
+        /* eslint-enable react/no-danger */
+      />
+      <a
+        href={item.link}
+        styleName="readMore"
+        target="_blank"
+        rel="noopener noreferrer"
+      >Read More...</a>
+      <div styleName="mask" />
+    </div>
+  );
+}
+
+Card.defaultProps = {
+  fullWidth: false,
+};
+
+Card.propTypes = {
+  fullWidth: PT.bool,
+  item: PT.shape({
+    'content:encoded': PT.string.isRequired,
+    link: PT.string.isRequired,
+    title: PT.string.isRequired,
+  }).isRequired,
+};

src/shared/components/tc-communities/communities/blockchain/Learn/ConsenSysAtMedium/Card/style.scss

@@ -0,0 +1,65 @@
+@import '../../../themes/mixins';
+
+@mixin container {
+  @include body-text;
+
+  height: 480px;
+  margin-bottom: 48px;
+  overflow: hidden;
+  position: relative;
+  width: 48%;
+
+  @include xxs-to-sm {
+    padding: 0 24px;
+    width: 100%;
+  }
+
+  a {
+    @include link;
+
+    text-decoration: underline;
+  }
+
+  h3 {
+    @include h3;
+  }
+
+  h4 {
+    @include h4;
+  }
+
+  iframe {
+    height: 280px;
+    width: 100%;
+  }
+
+  img {
+    width: 100%;
+  }
+}
+
+.container {
+  @include container;
+}
+
+.full-width-container {
+  @include container;
+
+  width: 100%;
+  height: 720px;
+}
+
+.mask {
+  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.5) 50%, white 80%);
+  bottom: 0;
+  height: 128px;
+  left: 0;
+  position: absolute;
+  right: 0;
+}
+
+.readMore {
+  bottom: 0;
+  position: absolute;
+  z-index: 2;
+}

src/shared/components/tc-communities/communities/blockchain/Learn/ConsenSysAtMedium/index.jsx

@@ -0,0 +1,47 @@
+/**
+ * Renders the section with content from ConsenSys blog at Medium.
+ */
+
+import _ from 'lodash';
+import LoadingIndicator from 'components/LoadingIndicator';
+import PT from 'prop-types';
+import React from 'react';
+import Section from 'components/tc-communities/Section';
+
+import Card from './Card';
+import style from './style.scss';
+
+export default function ConsenSysAtMedium({ consenSysRss }) {
+  let cards = _.get(consenSysRss, 'data.item');
+  cards = cards && cards
+    .filter(item => Boolean(item.category))
+    .slice(0, 3)
+    .map((item, index) => (
+      <Card fullWidth={!index} item={item} key={item.link} />
+    ));
+
+  return (
+    <Section
+      theme={{
+        content: style.content,
+      }}
+      title="ConsenSys @ Medium"
+    >
+      {cards || <LoadingIndicator />}
+    </Section>
+  );
+}
+
+ConsenSysAtMedium.defaultProps = {
+  consenSysRss: null,
+};
+
+ConsenSysAtMedium.propTypes = {
+  consenSysRss: PT.shape({
+    data: PT.shape({
+      item: PT.arrayOf(PT.shape({
+        link: PT.string.isRequired,
+      })).isRequired,
+    }),
+  }),
+};

src/shared/components/tc-communities/communities/blockchain/Learn/ConsenSysAtMedium/style.scss

@@ -0,0 +1,3 @@
+.content {
+  flex-wrap: wrap;
+}

src/shared/components/tc-communities/communities/blockchain/Learn/LearnTheBasics/index.jsx

@@ -0,0 +1,111 @@
+import Accordion from 'components/tc-communities/Accordion/Accordion';
+import AccordionItem from 'components/tc-communities/Accordion/AccordionItem';
+import JoinCommunity from 'containers/tc-communities/JoinCommunity';
+import React from 'react';
+import Section from 'components/tc-communities/Section';
+import Text from 'components/tc-communities/Text';
+
+import style from './style.scss';
+
+export default function LearnTheBasics() {
+  return (
+    <Section
+      title="Learn The Basics"
+      theme={{
+        container: style.learnBasicsContainer,
+      }}
+    >
+      <Accordion>
+        <AccordionItem title="Joining the Blockchain Community">
+          <Text>
+            <p>
+              Join the fastest-growing blockchain community on the world’s
+              premier crowdsourcing platform. As a member, you’ll get access to
+              all the tools, tutorials, and hands-on challenges you need to
+              help you master blockchain. Compete in fun challenges to hone
+              your skills and competitive challenges to solve real-life
+              problems for businesses&nbsp;— all using today’s most in-demand
+              skills and technology.
+            </p>
+            <JoinCommunity
+              label="Join Now"
+              theme={{ link: style.joinnow }}
+            />
+          </Text>
+        </AccordionItem>
+        <AccordionItem title="How to sign up for work">
+          <Text>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+          </Text>
+        </AccordionItem>
+        <AccordionItem title="How to compete for work">
+          <Text>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+          </Text>
+        </AccordionItem>
+        <AccordionItem title="Payment & Rewards">
+          <Text>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+            <p>
+              Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin,
+              erat a elementum rutrum, neque sem pretium metus, quis mollis
+              nisl nunc et massa. Vestibulum sed metus in lorem tristique
+              ullamcorper id vitae erat. Nulla mollis sapien sollicitudin
+              lacinia lacinia. Vivamus facilisis dolor et massa placerat, at
+              vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu
+              condimentum mauris ultrices. Praesent blandit, augue a posuere
+              aliquam, arcu tortor feugiat turpis,
+            </p>
+          </Text>
+        </AccordionItem>
+      </Accordion>
+    </Section>
+  );
+}