feat(SW-187): App badges localization

components/Footer/Navigation/SecondaryNav/index.tsx

@@ -1,6 +1,7 @@
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import { getLang } from "@/i18n/serverContext"
 
 import styles from "./secondarynav.module.css"
 
@@ -13,7 +14,8 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
-  console.log("secondaryLinks", secondaryLinks[0].links)
+  const lang = getLang()
+  console.log("hej", JSON.stringify(secondaryLinks, null, 4))
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -30,7 +32,9 @@ export default function FooterSecondaryNav({
               >
                 <Image
                   src={
-                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[
+                      `${link.type}_${lang}` as keyof typeof AppDownLoadLinks
+                    ]
                   }
                   alt={link.href.title}
                   width={125}
@@ -47,7 +51,7 @@ export default function FooterSecondaryNav({
             {link.title}
           </Body>
           <ul className={styles.secondaryNavigationList}>
-            {link.links.map((link) => (
+            {link?.links?.map((link) => (
               <li key={link.id} className={styles.secondaryNavigationItem}>
                 {link.isExternal ? (
                   <a

components/Footer/Navigation/index.tsx

@@ -5,6 +5,8 @@ import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
   const { mainLinks, secondaryLinks, appDownloads } = props
+  console.log("mainLinks", mainLinks)
+  console.log("secondaryLinks", secondaryLinks)
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>

components/Footer/index.tsx

@@ -12,7 +12,6 @@ export default async function Footer() {
   if (!footerData) {
     return null
   }
-  console.log("footerData:", footerData)
   return (
     <footer>
       <FooterNavigation {...footerData} />