gab-social/app/javascript/gabsocial/components/bundle_column_error.js

35 lines
920 B
JavaScript

import { defineMessages, injectIntl } from 'react-intl'
import Button from './button'
const messages = defineMessages({
title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
body: { id: 'bundle_column_error.body', defaultMessage: 'Something went wrong while loading this component.' },
retry: { id: 'bundle_column_error.retry', defaultMessage: 'Try again' },
})
export default
@injectIntl
class BundleColumnError extends PureComponent {
static propTypes = {
onRetry: PropTypes.func.isRequired,
intl: PropTypes.object.isRequired,
}
handleRetry = () => {
this.props.onRetry()
}
render () {
const { intl: { formatMessage } } = this.props
return (
<div className='error-column'>
<Button title={formatMessage(messages.retry)} icon='refresh' onClick={this.handleRetry} size={64} />
{formatMessage(messages.body)}
</div>
)
}
}