diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2020-06-14 22:29:40 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-14 22:29:40 +0200 |
commit | 3e9dc4044bb7e1ef6131fbd6430ed85b3cc2fcfa (patch) | |
tree | deea7444dfd0052cb99d6a5b6f42796fbef52194 /app/javascript/mastodon/components/timeline_hint.js | |
parent | b1484cf3ceebe1f1f083e4c06872493dc0a68511 (diff) |
Add hints about incomplete remote content to web UI (#14031)
Diffstat (limited to 'app/javascript/mastodon/components/timeline_hint.js')
-rw-r--r-- | app/javascript/mastodon/components/timeline_hint.js | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/app/javascript/mastodon/components/timeline_hint.js b/app/javascript/mastodon/components/timeline_hint.js new file mode 100644 index 000000000..fb55a62cc --- /dev/null +++ b/app/javascript/mastodon/components/timeline_hint.js @@ -0,0 +1,18 @@ +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; |