display source errors in card

src/components/Card.jsx

@@ -91,7 +91,10 @@ class Card extends React.Component {
       <CardSource
         isLoading={this.props.isLoading}
         language={this.props.language}
-        source={this.props.event.source}
+        source={{
+          ...this.props.source,
+          error: this.props.sourceError
+        }}
       />
     )
   }
@@ -137,11 +140,6 @@ class Card extends React.Component {
   }
 
   renderContent() {
-    // if (!this.state.isHighlighted) {
-    //   return (
-    //     <div className="card-bottomhalf folded"></div>
-    //   );
-    // } else {
     return (
       <div className="card-bottomhalf">
         {this.renderTags()}
@@ -149,7 +147,6 @@ class Card extends React.Component {
         {this.renderNarrative()}
       </div>
     );
-    // }
   }
 
   renderCaret() {

src/components/CardStack.jsx

@@ -20,6 +20,7 @@ class CardStack extends React.Component {
         return (
           <Card
             event={event}
+            sourceError={this.props.sourceError}
             language={this.props.language}
             isLoading={this.props.isLoading}
             getNarrativeLinks={this.props.getNarrativeLinks}
@@ -89,6 +90,7 @@ class CardStack extends React.Component {
 function mapStateToProps(state) {
   return {
     selected: state.app.selected,
+    sourceError: state.app.errors.source,
     language: state.app.language,
     isCardstack: state.app.flags.isCardstack,
     isLoading: state.app.flags.isFetchingSources

src/components/presentational/CardSource.js

@@ -3,20 +3,27 @@ import Spinner from './Spinner'
 
 import copy from '../../js/data/copy.json'
 
-const CardSource = ({ source, language, isLoading }) => {
+const CardSource = ({ source, language, isLoading, error }) => {
   const source_lang = copy[language].cardstack.source
-  if (!source) source = copy[language].cardstack.unknown_source
 
-  const content = isLoading ? (
-    <Spinner />
-  ) : (
-    <div><small>{source}</small></div>
-  )
+  if (isLoading) {
+    return <Spinner />
+  }
+
+  function renderSource() {
+    return (
+      <div><p>TODO: display source properly.</p></div>
+    )
+  }
 
   return (
     <div className="card-col card-cell source">
       <h4>{source_lang}: </h4>
-      {content}
+      {source.error ? (
+        <div><small>{source.error}</small></div>
+      ) : (
+        renderSource()
+      )}
     </div>
   )
 }