force /discord/ invite path links to full url

Author: wackerow

src/components/Link.tsx

@@ -17,6 +17,7 @@ import { Lang } from "../utils/languages"
 import { trackCustomEvent, MatomoEventOptions } from "../utils/matomo"
 import * as url from "../utils/url"
 import { Direction } from "../types"
+import { SITE_URL, DISCORD_PATH } from "../constants"
 
 export interface IBaseProps {
   to?: string
@@ -63,8 +64,10 @@ const Link: React.FC<IProps> = ({
 
   // TODO: in the next PR we are going to deprecate the `to` prop and just use `href`
   // this is to support the ButtonLink component which uses the `to` prop
-  const to = (toProp ?? href)!
+  let to = (toProp ?? href)!
 
+  const isDiscordInvite = url.isDiscordInvite(to)
+  if (isDiscordInvite) to = new URL(DISCORD_PATH, SITE_URL).href
   const isExternal = url.isExternal(to)
   const isHash = url.isHash(to)
   const isGlossary = url.isGlossary(to)

src/constants.ts

@@ -1,3 +1,5 @@
+export const SITE_URL = "https://ethereum.org" as const
+export const DISCORD_PATH = "/discord/" as const
 export const GATSBY_FUNCTIONS_PATH = process.env.GATSBY_FUNCTIONS_PATH || "/api"
 
 // Quiz Hub

src/utils/url.ts

@@ -1,6 +1,11 @@
+import { DISCORD_PATH } from "../constants"
+
 const HASH_PATTERN = /^#.*/
 const isHashLink = (href: string): boolean => HASH_PATTERN.test(href)
 
+export const isDiscordInvite = (href: string): boolean =>
+  href.includes(DISCORD_PATH) && !href.includes("http")
+
 export const isExternal = (href: string): boolean =>
   href.includes("http") || href.includes("mailto:") || href.includes("ipfs")