gab-social/app/javascript/gabsocial/components/popover/error_popover.js

33 lines
829 B
JavaScript

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