19 lines
683 B
JavaScript
19 lines
683 B
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
import { FormattedMessage } from 'react-intl';
|
||
|
|
|
||
|
|
const TimelineHint = ({ resource, url }) => (
|
||
|
|
<div className='timeline-hint'>
|
||
|
|
<strong><FormattedMessage id='timeline_hint.remote_resource_not_displayed' defaultMessage='{resource} from other servers are not displayed.' values={{ resource }} /></strong>
|
||
|
|
<br />
|
||
|
|
<a href={url} target='_blank'><FormattedMessage id='account.browse_more_on_origin_server' defaultMessage='Browse more on the original profile' /></a>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
TimelineHint.propTypes = {
|
||
|
|
resource: PropTypes.node.isRequired,
|
||
|
|
url: PropTypes.string.isRequired,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TimelineHint;
|