import React from 'react'
import { Panel } from 'react-bootstrap'
import MarkdownBlock from '../shared/MarkdownBlock'
import { getCreator, getContent } from '../shared/requestUtils'

const Issue = props => {
  return (
    <Panel
      header={`${props.issue.title} by ${getCreator(props.issue).name || getCreator(props.issue).login}`}
      eventKey={props.issue.id}>
      <MarkdownBlock body={getContent(props.issue)} />
    </Panel>
  )
}

export default Issue

import React from 'react'
import { Panel } from 'react-bootstrap'
import MarkdownBlock from '../shared/MarkdownBlock'
import { getCreator, getContent } from '../shared/requestUtils'

const Issue = props => {
  if (!props.issue)
    return null

  return (
    <Panel
      header={`${props.issue.title} by ${getCreator(props.issue).name || getCreator(props.issue).login}`}
      eventKey={props.issue.id}>
      <MarkdownBlock body={getContent(props.issue)} />
    </Panel>
  )
}

export default Issue

Work around react router bug
Work around react router bug

<Miss /> sometimes renders  even when it should not
