1ff70886a1
Co-authored-by: tobi <tobi.smethurst@protonmail.com> Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/88 Co-authored-by: Zoë Bijl <moiety@noreply.codeberg.org> Co-committed-by: Zoë Bijl <moiety@noreply.codeberg.org>
27 lines
704 B
TypeScript
27 lines
704 B
TypeScript
import React from "react";
|
|
import { FormattedMessage } from "react-intl";
|
|
|
|
interface Props {
|
|
resource: React.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>
|
|
);
|