masto-fe/app/javascript/mastodon/components/missing_indicator.js

25 lines
868 B
JavaScript
Raw Normal View History

import React from 'react';
import PropTypes from 'prop-types';
2017-01-10 12:50:40 +00:00
import { FormattedMessage } from 'react-intl';
import illustration from 'mastodon/../images/elephant_ui_disappointed.svg';
import classNames from 'classnames';
2017-01-10 12:50:40 +00:00
const MissingIndicator = ({ fullPage }) => (
<div className={classNames('regeneration-indicator', { 'regeneration-indicator--without-header': fullPage })}>
<div className='regeneration-indicator__figure'>
<img src={illustration} alt='' />
</div>
<div className='regeneration-indicator__label'>
<FormattedMessage id='missing_indicator.label' tagName='strong' defaultMessage='Not found' />
<FormattedMessage id='missing_indicator.sublabel' defaultMessage='This resource could not be found' />
</div>
2017-01-10 12:50:40 +00:00
</div>
);
MissingIndicator.propTypes = {
fullPage: PropTypes.bool,
};
2017-01-10 12:50:40 +00:00
export default MissingIndicator;