fix: resolve server-side rendering issue with Mac detection in Footer

This commit is contained in:
hamster1963 2025-02-13 11:50:25 +08:00
parent 2164321e72
commit e55a60c12e

View File

@ -1,6 +1,8 @@
"use client"
import pack from "@/package.json" import pack from "@/package.json"
import { useTranslations } from "next-intl" import { useTranslations } from "next-intl"
import { useEffect, useState } from "react"
const GITHUB_URL = "https://github.com/hamster1963/nezha-dash" const GITHUB_URL = "https://github.com/hamster1963/nezha-dash"
const PERSONAL_URL = "https://buycoffee.top" const PERSONAL_URL = "https://buycoffee.top"
@ -27,7 +29,11 @@ export default function Footer() {
const t = useTranslations("Footer") const t = useTranslations("Footer")
const version = pack.version const version = pack.version
const currentYear = new Date().getFullYear() const currentYear = new Date().getFullYear()
const isMac = /macintosh|mac os x/i.test(navigator.userAgent) const [isMac, setIsMac] = useState(true)
useEffect(() => {
setIsMac(/macintosh|mac os x/i.test(navigator.userAgent))
}, [])
return ( return (
<footer className="mx-auto w-full max-w-5xl flex items-center justify-between"> <footer className="mx-auto w-full max-w-5xl flex items-center justify-between">