fix(SW-705): Updated logic for language switcher

This commit is contained in:
Pontus Dreij
2024-11-29 17:03:20 +01:00
parent 9d4c6eb25d
commit 89c131e3eb
6 changed files with 33 additions and 41 deletions

View File

@@ -1,5 +1,6 @@
"use client"
import { usePathname, useSearchParams } from "next/navigation"
import { useIntl } from "react-intl"
import { Lang, languages } from "@/constants/languages"
@@ -10,6 +11,8 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import useLang from "@/hooks/useLang"
import { useTrapFocus } from "@/hooks/useTrapFocus"
import { replaceUrlPart } from "./utils"
import styles from "./languageSwitcherContent.module.css"
import type { LanguageSwitcherContentProps } from "@/types/components/languageSwitcher/languageSwitcher"
@@ -18,12 +21,15 @@ export default function LanguageSwitcherContent({
urls,
onLanguageSwitch,
}: LanguageSwitcherContentProps) {
console.log(urls)
const intl = useIntl()
const currentLanguage = useLang()
const languageSwitcherRef = useTrapFocus()
const urlKeys = Object.keys(urls) as Lang[]
const pathname = usePathname()
return (
<div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>
<div className={styles.languageWrapper}>
@@ -39,8 +45,9 @@ export default function LanguageSwitcherContent({
<li key={key}>
<Link
className={`${styles.link} ${isActive ? styles.active : ""}`}
href={url}
href={replaceUrlPart(pathname, url)}
onClick={onLanguageSwitch}
keepSearchParams
>
{languages[key]}
{isActive ? <CheckIcon color="burgundy" /> : null}