uiogaming.no/src/components/ui/back.tsx

"use client"

import { useLocale, useTranslations } from "next-intl"
import { useRouter } from "next/navigation"
import { FaArrowLeft } from "react-icons/fa"

import * as styles from "./back.module.css"

const Back = () => {
  const locale = useLocale()
  const router = useRouter()
  const t = useTranslations("buttons")

  const handleBack = () => {
    const currentDomain = window.location.hostname
    const referrer = document.referrer

    const isSameDomain =
      referrer && new URL(referrer).hostname === currentDomain

    if (window.history.length > 1 && isSameDomain) {
      window.history.back()
    } else {
      router.push(`/${locale}`)
    }
  }

  return (
    <button
      className={`${styles.container} ${styles.button}`}
      onClick={handleBack}
    >
      <FaArrowLeft />
      <span>{t("back")}</span>
    </button>
  )
}

export default Back