blog/src/components/Widgets/LanguageSwitcher.astro
2025-03-14 13:45:50 +00:00

32 lines
758 B
Text

---
import { getNextLangUrl, getPostNextLangUrl } from '@/i18n/lang'
import { isPostPage } from '@/i18n/path'
interface Props {
supportedLangs: string[]
}
const { supportedLangs } = Astro.props
const currentPath = Astro.url.pathname
const isPost = isPostPage(currentPath)
const nextUrl = isPost
? getPostNextLangUrl(currentPath, supportedLangs)
: getNextLangUrl(currentPath)
---
<a
href={nextUrl}
class="uno-button"
aria-label="Switch website language"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
aria-hidden="true"
class="h-full w-full"
fill="currentColor"
>
<path d="M19 21 12.3 2h-1L4.7 21l-2.5.2v.8h6.3v-.8L5.7 21l2-5.9h7.5l2 5.9-3.3.2v.8h7.9v-.8zM8 14.3l3.4-10.1 3.5 10.1z" />
</svg>
</a>