be25be7bb5
feat(SW-3125): Move client trpc setup * Move client trpc to package * Client setup in partner-sas * Add todo Approved-by: Linus Flood
38 lines
795 B
TypeScript
38 lines
795 B
TypeScript
"use client"
|
|
|
|
import { usePathname } from "next/navigation"
|
|
|
|
import { trpc } from "@scandic-hotels/trpc/client"
|
|
|
|
import SkeletonShimmer from "@/components/SkeletonShimmer"
|
|
import useLang from "@/hooks/useLang"
|
|
|
|
import Desktop from "./Desktop"
|
|
import Mobile from "./Mobile"
|
|
|
|
export default function LanguageSwitcher() {
|
|
const currentLanguage = useLang()
|
|
const pathName = usePathname()
|
|
|
|
const { data: languagesResponse, isLoading } =
|
|
trpc.contentstack.languageSwitcher.get.useQuery({
|
|
pathName,
|
|
lang: currentLanguage,
|
|
})
|
|
|
|
if (isLoading) {
|
|
return <SkeletonShimmer width="12ch" />
|
|
}
|
|
|
|
if (!languagesResponse?.urls) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Desktop urls={languagesResponse.urls} />
|
|
<Mobile urls={languagesResponse.urls} />
|
|
</>
|
|
)
|
|
}
|