2023-05-23 08:04:10 +00:00
|
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
|
2024-08-13 07:14:41 +00:00
|
|
|
import classNames from 'classnames';
|
|
|
|
|
2023-05-23 08:04:10 +00:00
|
|
|
interface Props {
|
|
|
|
resource: JSX.Element;
|
|
|
|
url: string;
|
2024-08-13 07:14:41 +00:00
|
|
|
className?: string;
|
2023-05-23 08:04:10 +00:00
|
|
|
}
|
|
|
|
|
2024-08-13 07:14:41 +00:00
|
|
|
export const TimelineHint: React.FC<Props> = ({ className, resource, url }) => (
|
|
|
|
<div className={classNames('timeline-hint', className)}>
|
2023-05-23 08:04:10 +00:00
|
|
|
<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>
|
|
|
|
);
|