Merged in feature/refactor-lang (pull request #387)

feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg

components/Current/Header/LanguageSwitcher/Desktop/index.tsx

@@ -4,15 +4,14 @@ import { useCallback, useEffect, useRef, useState } from "react"
 import { Lang, languages } from "@/constants/languages"
 
 import Link from "@/components/TempDesignSystem/Link"
+import useLang from "@/hooks/useLang"
 
 import styles from "./desktop.module.css"
 
 import type { LanguageSwitcherProps } from "@/types/components/current/languageSwitcher"
 
-export default function Desktop({
-  currentLanguage,
-  urls,
-}: LanguageSwitcherProps) {
+export default function Desktop({ urls }: LanguageSwitcherProps) {
+  const currentLanguage = useLang()
   const [isOpen, setIsOpen] = useState(false)
   const divRef = useRef<HTMLDivElement>(null)
 

components/Current/Header/LanguageSwitcher/Mobile/index.tsx

@@ -3,14 +3,14 @@ import { useState } from "react"
 
 import { Lang, languages } from "@/constants/languages"
 
+import useLang from "@/hooks/useLang"
+
 import styles from "./mobile.module.css"
 
 import type { LanguageSwitcherProps } from "@/types/components/current/languageSwitcher"
 
-export default function Mobile({
-  currentLanguage,
-  urls,
-}: LanguageSwitcherProps) {
+export default function Mobile({ urls }: LanguageSwitcherProps) {
+  const currentLanguage = useLang()
   const [isOpen, setIsOpen] = useState(false)
 
   function toggleOpen() {

components/Current/Header/LanguageSwitcher/index.tsx

@@ -1,19 +1,15 @@
 import Desktop from "./Desktop"
 import Mobile from "./Mobile"
 
-import { LangParams } from "@/types/params"
 import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
-type LanguageSwitcherProps = LangParams & { urls: LanguageSwitcherData }
+type LanguageSwitcherProps = { urls: LanguageSwitcherData }
 
-export default function LanguageSwitcher({
-  urls,
-  lang,
-}: LanguageSwitcherProps) {
+export default function LanguageSwitcher({ urls }: LanguageSwitcherProps) {
   return (
     <>
-      <Desktop currentLanguage={lang} urls={urls} />
-      <Mobile currentLanguage={lang} urls={urls} />
+      <Desktop urls={urls} />
+      <Mobile urls={urls} />
     </>
   )
 }