1
0
mirror of https://github.com/funamitech/mastodon synced 2024-12-14 06:38:39 +09:00
YuruToot/app/javascript/flavours/glitch/components/timeline_hint.tsx
Eugen Rochko bae0b81779 [Glitch] Change hints for missing remote content in web UI
Port b06c7b6b5a to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
2024-08-21 18:49:02 +02:00

24 lines
423 B
TypeScript

import classNames from 'classnames';
interface Props {
message: React.ReactNode;
label: React.ReactNode;
url: string;
className?: string;
}
export const TimelineHint: React.FC<Props> = ({
className,
message,
label,
url,
}) => (
<div className={classNames('timeline-hint', className)}>
<p>{message}</p>
<a href={url} target='_blank' rel='noopener noreferrer'>
{label}
</a>
</div>
);