Post.js

import React, { Component } from 'react'
import { Link } from 'react-router-dom'

export default class Post extends Component {
  render() {
    let title = this.props.post.title
    if (this.props.isDraft) {
      title = `${title} (Draft)`
    }

    return (
      <Link className="no-underline ma1" to={`/post/${this.props.post.id}`}>
        <article className="bb b--black-10">
          <div className="flex flex-column flex-row-ns">
            <div className="w-100 w-60-ns pl3-ns">
              <h1 className="f3 fw1 baskerville mt0 lh-title">{title}</h1>
              <p className="f6 f5-l lh-copy">{this.props.post.content}</p>
              <p className="f6 lh-copy mv0">By {this.props.post.author.name}</p>
            </div>
          </div>
        </article>
      </Link>
    )
  }
}