A couple more fixes for Blockchain community's Learn page

Author: birdofpreyru

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

@@ -38,9 +38,9 @@ Card.defaultProps = {
 
 Card.propTypes = {
   fullWidth: PT.bool,
-  item: {
+  item: PT.shape({
     'content:encoded': PT.string.isRequired,
     link: PT.string.isRequired,
     title: PT.string.isRequired,
-  }.isRequired,
+  }).isRequired,
 };

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

@@ -2,20 +2,22 @@
  * 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 }) {
-  const cards = consenSysRss.data.item
+  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} />
+      <Card fullWidth={!index} item={item} key={item.link} />
     ));
 
   return (
@@ -25,15 +27,21 @@ export default function ConsenSysAtMedium({ consenSysRss }) {
       }}
       title="ConsenSys @ Medium"
     >
-      {cards}
+      {cards || <LoadingIndicator />}
     </Section>
   );
 }
 
+ConsenSysAtMedium.defaultProps = {
+  consenSysRss: null,
+};
+
 ConsenSysAtMedium.propTypes = {
   consenSysRss: PT.shape({
     data: PT.shape({
-      item: PT.arrayOf(PT.object).isRequired,
-    }).isRequired,
-  }).isRequired,
+      item: PT.arrayOf(PT.shape({
+        link: PT.string.isRequired,
+      })).isRequired,
+    }),
+  }),
 };

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

@@ -6,7 +6,6 @@
  */
 /* eslint-disable max-len */
 
-import LoadingIndicator from 'components/LoadingIndicator';
 import PT from 'prop-types';
 import React from 'react';
 
@@ -225,13 +224,7 @@ export default function Learn({
           </ul>
         </ArticleCard>
       </Section>
-
-      {
-        consenSysRss && consenSysRss.data ? (
-          <ConsenSysAtMedium consenSysRss={consenSysRss} />
-        ) : <LoadingIndicator />
-      }
-
+      <ConsenSysAtMedium consenSysRss={consenSysRss} />
       <Section
         title="More Resources"
         theme={{