gatsby-theme-i18n/src/components/mdx-link.js

A Gatsby theme for providing internationalization support to your Gatsby site by taking in a configuration file and creating prefixed, enriched pages for each language.

import * as React from "react"
import { LocalizedLink } from "./localized-link"

const isHash = (str) => /^#/.test(str)
const isInternal = (to) => /^\/(?!\/)/.test(to)
const isFile = (to) => /\..+$/.test(to)

// Only use <LocalizedLink /> for internal links that aren't hashes or files
export function MdxLink({ href, children, ...props }) {
  if (isHash(href) || !isInternal(href) || isFile(href)) {
    return (
      <a {...props} href={href}>
        {children}
      </a>
    )
  } else {
    return (
      <LocalizedLink {...props} to={href}>
        {children}
      </LocalizedLink>
    )
  }
}