1
0
mirror of https://github.com/whippyshou/mastodon synced 2024-12-23 19:18:57 +09:00
whippy-edition/app/javascript/mastodon/components/timeline_hint.tsx
2023-05-23 10:52:27 +02:00

26 lines
671 B
TypeScript

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>
);