From 8fa463c29858f572ab2ad6bde53017e7a50391d3 Mon Sep 17 00:00:00 2001 From: Nils Pukropp Date: Tue, 17 Feb 2026 03:40:32 +0100 Subject: [PATCH] added translation for impressum --- frontend/src/i18n.ts | 30 ++++++++++++++++++++++++++++++ frontend/src/pages/About.tsx | 35 +++++++++++++++++------------------ 2 files changed, 47 insertions(+), 18 deletions(-) diff --git a/frontend/src/i18n.ts b/frontend/src/i18n.ts index f5f0d39..0e2c942 100644 --- a/frontend/src/i18n.ts +++ b/frontend/src/i18n.ts @@ -43,6 +43,21 @@ const resources = { "reviews": "reviews", "rank": "Rank", "loading": "Loading..." + }, + "about": { + "title": "About This Project", + "mission": "Holy Flavors Archive is a community-driven project dedicated to documenting and rating the vast world of Holy Energy products. Our goal is to create a definitive, high-density catalog of every flavor ever released—including legacy and limited editions.", + "canDoTitle": "What you can do here:", + "featureExplore": "Explore: Find details on any Holy Energy, Iced Tea, or Milkshake product.", + "featureRate": "Rate: Share your honest opinion and score flavors from 1 to 10.", + "featureCommunity": "Community: Follow other fans, see their latest tests, and discover new favorites together.", + "featureProfile": "Taste Profile: Build your own personal tiered leaderboard to share with the world.", + "disclaimer": "This website is a fan project and is not officially affiliated with, authorized, maintained, sponsored, or endorsed by HOLY Energy GmbH. All product names, logos, and brands are property of their respective owners.", + "impressumTitle": "Impressum (Legal Notice)", + "legalInfo": "Information according to § 5 TMG:", + "contact": "Contact", + "responsible": "Responsible for content according to § 55 Abs. 2 RStV:", + "disclaimerTitle": "Legal Disclaimer" } } }, @@ -86,6 +101,21 @@ const resources = { "reviews": "Bewertungen", "rank": "Rang", "loading": "Wird geladen..." + }, + "about": { + "title": "Über dieses Projekt", + "mission": "Das Holy Flavors Archiv ist ein von der Community getriebenes Projekt, das sich der Dokumentation und Bewertung der riesigen Welt der Holy Energy Produkte widmet. Unser Ziel ist es, einen definitiven Katalog jeder jemals veröffentlichten Sorte zu erstellen – einschließlich Legacy- und Limited-Editionen.", + "canDoTitle": "Was du hier tun kannst:", + "featureExplore": "Entdecken: Details zu jedem Holy Energy, Eistee oder Milkshake Produkt finden.", + "featureRate": "Bewerten: Deine ehrliche Meinung teilen und Sorten von 1 bis 10 bewerten.", + "featureCommunity": "Community: Folge anderen Fans, sieh dir ihre neuesten Tests an und entdeckt gemeinsam neue Favoriten.", + "featureProfile": "Geschmacksprofil: Erstelle deine eigene persönliche Bestenliste, um sie mit der Welt zu teilen.", + "disclaimer": "Diese Website ist ein Fan-Projekt und wird nicht von der HOLY Energy GmbH offiziell unterstützt, autorisiert, gepflegt oder gesponselt. Alle Produktnamen, Logos und Marken sind Eigentum ihrer jeweiligen Inhaber.", + "impressumTitle": "Impressum", + "legalInfo": "Angaben gemäß § 5 TMG:", + "contact": "Kontakt", + "responsible": "Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:", + "disclaimerTitle": "Haftungsausschluss" } } } diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx index 52bb38c..f5babb7 100644 --- a/frontend/src/pages/About.tsx +++ b/frontend/src/pages/About.tsx @@ -2,10 +2,12 @@ import React from 'react'; import { Typography, Box, Container, Paper, Divider, Button } from '@mui/material'; import { Link } from 'react-router-dom'; import ArrowBackIcon from '@mui/icons-material/ArrowBack'; +import { useTranslation } from 'react-i18next'; import { useTitle } from '../hooks/useTitle'; const About: React.FC = () => { - useTitle('About & Impressum'); + const { t } = useTranslation(); + useTitle(t('nav.about')); return ( @@ -16,37 +18,34 @@ const About: React.FC = () => { startIcon={} sx={{ mb: 4, textTransform: 'none', borderRadius: 2 }} > - Back to Archive + {t('common.backToArchive')} - About This Project + {t('about.title')} - Holy Flavors Archive is a community-driven project dedicated to documenting and rating - the vast world of Holy Energy products. Our goal is to create a definitive, high-density catalog of every - flavor ever released—including legacy and limited editions. + {t('about.mission')} - What you can do here: + {t('about.canDoTitle')} -
  • Explore: Find details on any Holy Energy, Iced Tea, or Milkshake product.
    • -
  • Rate: Share your honest opinion and score flavors from 1 to 10.
    • -
  • Community: Follow other fans, see their latest tests, and discover new favorites together.
    • -
  • Taste Profile: Build your own personal tiered leaderboard to share with the world.
    • +
  • {t('about.featureExplore')}
    • +
  • {t('about.featureRate')}
    • +
  • {t('about.featureCommunity')}
    • +
  • {t('about.featureProfile')}
    •      - This website is a fan project and is not officially affiliated with, authorized, maintained, sponsored, - or endorsed by HOLY Energy GmbH. All product names, logos, and brands are property of their respective owners. + {t('about.disclaimer')} - Impressum + {t('about.impressumTitle')} - Angaben gemäß § 5 TMG:
    + {t('about.legalInfo')}
    {import.meta.env.VITE_IMPRESSUM_NAME || '[Your Name or Project Name]'}
    {import.meta.env.VITE_IMPRESSUM_STREET || '[Your Street Address]'}
    {import.meta.env.VITE_IMPRESSUM_CITY || '[Postal Code and City]'}
    @@ -54,7 +53,7 @@ const About: React.FC = () => {     - Kontakt: + {t('about.contact')}: E-Mail: {import.meta.env.VITE_IMPRESSUM_EMAIL || '[Your Support Email Address]'}
    {import.meta.env.VITE_IMPRESSUM_PHONE && ( @@ -65,7 +64,7 @@ const About: React.FC = () => {     - Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: + {t('about.responsible')} {import.meta.env.VITE_IMPRESSUM_NAME || '[Your Name]'}
    {import.meta.env.VITE_IMPRESSUM_STREET || '[Your Street Address]'}
    @@ -74,7 +73,7 @@ const About: React.FC = () => {     - Haftungsausschluss (Disclaimer) + {t('about.disclaimerTitle')} Haftung für Inhalte: Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter