Function Link

apps/web/ui/Message/Link/index.tsx:19–63

({
  url,
  title,
  onClick,
  onImageClick,
  onLoad,
}: Props)

}

export default function Link({
  url,
  title,
  onClick,
  onImageClick,
  onLoad,
}: Props) {
  if (isImage(url)) {
    return (
      <Accordion header={title}>
        <Image src={url} onLoad={onLoad} onClick={onImageClick} />
      </Accordion>
    );
  }

  if (isVideo(url)) {
    return (
      <Accordion header={title}>
        <Video src={url} onLoad={onLoad} />
      </Accordion>
    );
  }

  if (isMail(url)) {
    return <Mail url={url} title={title} />;
  }

  const isHrefInvalid = !isUrlValid(url);
  const isExternalLink = !url.startsWith('https://linen.dev/');

  return (
    <a
      className={classNames(styles.link, {
        [styles.line]: isHrefInvalid,
      })}
      href={url}
      title={isHrefInvalid ? 'Invalid link' : ''}
      rel="noreferrer ugc"
      target={isExternalLink ? '_blank' : undefined}
      onClick={onClick}
    >
      {title}
    </a>
  );
}