2018-07-18 21:59:21 +00:00
|
|
|
import React from 'react'
|
|
|
|
import PropTypes from 'prop-types'
|
|
|
|
import classnames from 'classnames'
|
|
|
|
|
|
|
|
import './Status.css'
|
|
|
|
import Incident from './Incident'
|
|
|
|
|
2018-07-19 00:48:16 +00:00
|
|
|
export default function Status ({ incident }) {
|
2018-07-19 21:49:43 +00:00
|
|
|
const incidentOngoing = incident && incident.ongoing === 1
|
|
|
|
const view = incidentOngoing
|
|
|
|
? <Incident incident={incident}/>
|
|
|
|
: 'All systems operational'
|
2018-07-18 21:59:21 +00:00
|
|
|
|
|
|
|
const className = classnames(
|
|
|
|
'status',
|
2018-07-19 21:49:43 +00:00
|
|
|
incidentOngoing ? 'status-bad' : 'status-good',
|
2018-07-18 21:59:21 +00:00
|
|
|
)
|
|
|
|
return (
|
|
|
|
<div className={className}>
|
|
|
|
{view}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
Status.propTypes = {
|
|
|
|
incident: PropTypes.object,
|
|
|
|
}
|