fix: improve email link styling in terms and privacy pages

- Replace <a> tags with Next.js Link component for email links
- Update translation tags from <a> to <emailLink> in both en and hr
- Add no-underline class to prevent default prose underline
- Add hover:underline to show underline only on hover
- Apply consistent styling across both terms-of-service and privacy-policy pages

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-12-24 22:04:41 +01:00
parent ef1d9e9cc4
commit 0e78cc4977
4 changed files with 10 additions and 6 deletions

View File

@@ -1,12 +1,14 @@
import { Main } from "@/app/ui/Main";
import { getTranslations } from "next-intl/server";
import Link from "next/link";
const TermsPage = async () => {
const t = await getTranslations("terms-of-service-page");
const richTextFormat = {
strong: (chunks: React.ReactNode) => <strong>{chunks}</strong>,
a: (chunks: React.ReactNode) => <a href="mailto:support@rezije.app">{chunks}</a>
emailLink: (chunks: React.ReactNode) => <Link href={`mailto:${chunks}`} className="no-underline hover:underline">{chunks}</Link>
};
return (