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 { ClassNames } from "@emotion/react";
import { getTranslations } from "next-intl/server";
import Link from "next/link";
const PrivacyPolicyPage = async () => {
const t = await getTranslations("privacy-policy-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 (

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 (

View File

@@ -328,7 +328,7 @@
},
"section-11": {
"heading": "11. Contact Us",
"content": "If you have any questions about these Terms, please contact us at <a href=\"mail:support@rezije.app\">support@rezije.app</a>."
"content": "If you have any questions about these Terms, please contact us at <emailLink>support@rezije.app</emailLink>."
}
},
"privacy-policy-page": {
@@ -373,7 +373,7 @@
},
"section-10": {
"heading": "10. Contact Us",
"content": "If you have any questions about this Privacy Policy, please contact us at <a href=\"mail:support@rezije.app\">support@rezije.app</a>."
"content": "If you have any questions about this Privacy Policy, please contact us at <emailLink>support@rezije.app</emailLink>."
},
"section-11": {
"heading": "11. Consent",

View File

@@ -325,7 +325,7 @@
},
"section-11": {
"heading": "11. Kontaktirajte nas",
"content": "Ako imate bilo kakvih pitanja o ovim Uvjetima, molimo kontaktirajte nas na <a href=\"mail:support@rezije.app\">support@rezije.app</a>."
"content": "Ako imate bilo kakvih pitanja o ovim Uvjetima, molimo kontaktirajte nas na <emailLink>support@rezije.app</emailLink>."
}
},
"privacy-policy-page": {
@@ -370,7 +370,7 @@
},
"section-10": {
"heading": "10. Kontaktirajte nas",
"content": "Ako imate bilo kakvih pitanja o ovim Pravilima privatnosti, molimo kontaktirajte nas na <a href=\"mail:support@rezije.app\">support@rezije.app</a>."
"content": "Ako imate bilo kakvih pitanja o ovim Pravilima privatnosti, molimo kontaktirajte nas na <emailLink>support@rezije.app</emailLink>."
},
"section-11": {
"heading": "11. Pristanak",