diff --git a/src/components/Card.jsx b/src/components/Card.jsx index 60be91f..520b7b9 100644 --- a/src/components/Card.jsx +++ b/src/components/Card.jsx @@ -129,24 +129,29 @@ class Card extends React.Component { renderHeader() { return (
-
+
{this.renderTimestamp()} {this.renderLocation()}
- {this.renderCategory()} + {/* {this.renderCategory()} */} +
{this.renderSummary()}
); } renderContent() { - return ( -
- {this.renderTags()} - {this.renderSource()} - {this.renderNarrative()} -
- ); + if (this.state.isHighlighted) { + return ( +
+ {this.renderTags()} + {this.renderSource()} + {this.renderNarrative()} +
+ ) + } else { + return
+ } } renderCaret() { @@ -163,7 +168,7 @@ class Card extends React.Component {
  • {this.renderHeader()} {this.renderContent()} - {/* {this.renderCaret()} */} + {this.renderCaret()}
  • ); } diff --git a/src/components/presentational/CardSummary.js b/src/components/presentational/CardSummary.js index 8dd9d8d..3e0cdbf 100644 --- a/src/components/presentational/CardSummary.js +++ b/src/components/presentational/CardSummary.js @@ -5,13 +5,12 @@ import copy from '../../js/data/copy.json'; const CardSummary = ({ language, description, isHighlighted }) => { const summary = copy[language].cardstack.description; - const descriptionText = (isHighlighted) ? description : `${description.substring(0, 40)}...`; return (

    {summary}

    -

    {descriptionText}

    +

    {description}

    );