32 lines
850 B
JavaScript
32 lines
850 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import PopoverLayout from './popover_layout'
|
|
import ColumnIndicator from '../column_indicator'
|
|
|
|
export default class ErrorPopover extends React.PureComponent {
|
|
|
|
static defaultProps = {
|
|
isXS: PropTypes.bool,
|
|
onClose: PropTypes.func,
|
|
}
|
|
|
|
render() {
|
|
const { isXS } = this.props
|
|
|
|
return (
|
|
<PopoverLayout
|
|
width={250}
|
|
isXS={isXS}
|
|
onClose={this.props.onClose}
|
|
>
|
|
<div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15].join(' ')}>
|
|
<div className={[_s.default, _s.px15, _s.py15, _s.mt15, _s.mb15, _s.alignItemsCenter, _s.justifyContentCenter].join(' ')}>
|
|
<ColumnIndicator type='error' message='Error loading popover' />
|
|
</div>
|
|
</div>
|
|
</PopoverLayout>
|
|
)
|
|
}
|
|
|
|
}
|