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:
@@ -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 (
|
||||
|
||||
@@ -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 (
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user