aboutsummaryrefslogtreecommitdiff
path: root/app/javascript/mastodon/features/ui/components/bundle_column_error.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/javascript/mastodon/features/ui/components/bundle_column_error.js')
-rw-r--r--app/javascript/mastodon/features/ui/components/bundle_column_error.js27
1 files changed, 18 insertions, 9 deletions
diff --git a/app/javascript/mastodon/features/ui/components/bundle_column_error.js b/app/javascript/mastodon/features/ui/components/bundle_column_error.js
index f39ebd900..ab6d4aa44 100644
--- a/app/javascript/mastodon/features/ui/components/bundle_column_error.js
+++ b/app/javascript/mastodon/features/ui/components/bundle_column_error.js
@@ -1,11 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import { defineMessages, injectIntl } from 'react-intl';
-
-import Column from './column';
-import ColumnHeader from './column_header';
-import ColumnBackButtonSlim from '../../../components/column_back_button_slim';
-import IconButton from '../../../components/icon_button';
+import Column from 'mastodon/components/column';
+import ColumnHeader from 'mastodon/components/column_header';
+import IconButton from 'mastodon/components/icon_button';
+import { Helmet } from 'react-helmet';
const messages = defineMessages({
title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
@@ -18,6 +17,7 @@ class BundleColumnError extends React.PureComponent {
static propTypes = {
onRetry: PropTypes.func.isRequired,
intl: PropTypes.object.isRequired,
+ multiColumn: PropTypes.bool,
}
handleRetry = () => {
@@ -25,16 +25,25 @@ class BundleColumnError extends React.PureComponent {
}
render () {
- const { intl: { formatMessage } } = this.props;
+ const { multiColumn, intl: { formatMessage } } = this.props;
return (
- <Column>
- <ColumnHeader icon='exclamation-circle' type={formatMessage(messages.title)} />
- <ColumnBackButtonSlim />
+ <Column bindToDocument={!multiColumn} label={formatMessage(messages.title)}>
+ <ColumnHeader
+ icon='exclamation-circle'
+ title={formatMessage(messages.title)}
+ showBackButton
+ multiColumn={multiColumn}
+ />
+
<div className='error-column'>
<IconButton title={formatMessage(messages.retry)} icon='refresh' onClick={this.handleRetry} size={64} />
{formatMessage(messages.body)}
</div>
+
+ <Helmet>
+ <meta name='robots' content='noindex' />
+ </Helmet>
</Column>
);
}