Port 9a472efe7c
to glitch-soc
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
local
parent
6746e5d430
commit
60c7e559d8
5 changed files with 30 additions and 21 deletions
@ -1,18 +0,0 @@ |
||||
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; |
@ -0,0 +1,27 @@ |
||||
import React from 'react'; |
||||
|
||||
import { FormattedMessage } from 'react-intl'; |
||||
|
||||
interface Props { |
||||
resource: JSX.Element; |
||||
url: string; |
||||
} |
||||
|
||||
export const TimelineHint: React.FC<Props> = ({ 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' rel='noopener noreferrer'> |
||||
<FormattedMessage |
||||
id='account.browse_more_on_origin_server' |
||||
defaultMessage='Browse more on the original profile' |
||||
/> |
||||
</a> |
||||
</div> |
||||
); |
Loading…
Reference in new issue