Source Impressum/Datenschutz from translations

Author: benjaminaaron

src/ui/language/translations.js

@@ -91,6 +91,7 @@ const translations = {
             },
             legal: {
                 impressum: {
+                    title: "Imprint",
                     declaration5TMG: "Information in accordance with § 5 TMG",
                     representedBy: "Represented by",
                     registered: "Registration",
@@ -389,6 +390,7 @@ const translations = {
             },
             legal: {
                 impressum: {
+                    title: "Impressum",
                     declaration5TMG: "Angaben gemäß § 5 TMG",
                     representedBy: "Vertreten durch",
                     registered: "Eintragung",

src/ui/screens/landing-page/sections/footer/views/LandingPageFooterDesktop.js

@@ -6,8 +6,10 @@ import LogoBar from "@/ui/shared-components/LogoBar";
 import GitHubLink from "@/ui/shared-components/GitHubLink";
 import FeatureToggle from "../components/FeatureToggle";
 import RegularButton from "@/ui/shared-components/buttons/RegularButton";
+import useTranslation from "@/ui/language/useTranslation";
 
 const LandingPageFooterDesktop = () => {
+    const { t } = useTranslation();
 
     return (
         <VBox sx={{
@@ -30,8 +32,8 @@ const LandingPageFooterDesktop = () => {
             </HBox>
             <HBox justifyContent={'center'} alignItems={'center'}>
                 <HBox sx={{ width: '506px', justifyContent: 'center' }}>
-                    <RegularButton link='/impressum' variant='pinkContained' text='Impressum' size='small' />
-                    <RegularButton link='/data-protection' variant='pinkContained' text='Datenschutz' size='small' />
+                    <RegularButton link='/impressum' variant='pinkContained' text={t("home.legal.impressum.title")} size='small' />
+                    <RegularButton link='/data-protection' variant='pinkContained' text={t("home.legal.dataProtection.title")} size='small' />
                 </HBox>
             </HBox>
         </VBox>

src/ui/screens/landing-page/sections/footer/views/LandingPageFooterMobile.js

@@ -6,8 +6,10 @@ import LogoBar from "@/ui/shared-components/LogoBar";
 import GitHubLink from "@/ui/shared-components/GitHubLink";
 import theme from "@/theme";
 import RegularButton from "@/ui/shared-components/buttons/RegularButton";
+import useTranslation from "@/ui/language/useTranslation";
 
 const LandingPageFooterMobile = () => {
+    const { t } = useTranslation();
 
     return (
         <VBox sx={{
@@ -28,8 +30,8 @@ const LandingPageFooterMobile = () => {
                 </VBox>
             </VBox>
             <VBox>
-                <RegularButton link='/impressum' variant='pinkContained' text='Impressum' size='small' />
-                <RegularButton link='/data-protection' variant='pinkContained' text='Datenschutz' size='small' />
+                <RegularButton link='/impressum' variant='pinkContained' text={t("home.legal.impressum.title")} size='small' />
+                <RegularButton link='/data-protection' variant='pinkContained' text={t("home.legal.dataProtection.title")} size='small' />
             </VBox>
         </VBox>
     );