Merged in feat/refactor-header-footer-sitewidealert (pull request #1374)

Refactor: removed parallel routes for header, footer and sidewidealert. Langswitcher and sidewidealert now client components

* feat - removed parallel routes and made sidepeek and sitewidealerts as client components

* Langswitcher as client component

* Fixed lang switcher for current header

* Passing lang when fetching siteconfig

* Merge branch 'master' into feat/refactor-header-footer-sitewidealert

* Refactor

* Removed dead code

* Show only languages that has translation

* Refetch sitewidealert every 60 seconds

* Merge branch 'master' into feat/refactor-header-footer-sitewidealert

* Removed sidepeek parallel route from my-stay

* Added missing env.var to env.test

* Removed console.log


Approved-by: Joakim Jäderberg

components/Current/Header/LanguageSwitcher/index.tsx

@@ -1,15 +1,37 @@
+"use client"
+
+import { usePathname } from "next/navigation"
+
+import { trpc } from "@/lib/trpc/client"
+
+import SkeletonShimmer from "@/components/SkeletonShimmer"
+import useLang from "@/hooks/useLang"
+
 import Desktop from "./Desktop"
 import Mobile from "./Mobile"
 
-import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
+export default function LanguageSwitcher() {
+  const currentLanguage = useLang()
+  const pathName = usePathname()
 
-type LanguageSwitcherProps = { urls: LanguageSwitcherData }
+  const { data: languagesResponse, isLoading } =
+    trpc.contentstack.languageSwitcher.get.useQuery({
+      pathName,
+      lang: currentLanguage,
+    })
+
+  if (isLoading) {
+    return <SkeletonShimmer width="12ch" />
+  }
+
+  if (!languagesResponse?.urls) {
+    return null
+  }
 
-export default function LanguageSwitcher({ urls }: LanguageSwitcherProps) {
   return (
     <>
-      <Desktop urls={urls} />
-      <Mobile urls={urls} />
+      <Desktop urls={languagesResponse.urls} />
+      <Mobile urls={languagesResponse.urls} />
     </>
   )
 }