@@ -9,8 +9,18 @@ const translatePath = useTranslatedPath(defaultLang, lang)
99<div class =" language-switcher-language-url" role =" navigation" >
1010 <!-- Dropdown version for 800px-1160px -->
1111 <select class =" language-select" aria-label =" Select language" >
12- <option value ={ path } selected ={ lang === ' en' } > EN </option >
13- <option value ={ path } selected ={ lang === ' es' } > ES </option >
12+ <option
13+ value ={ lang === ' en' ? path : translatePath (path , ' en' )}
14+ selected ={ lang === ' en' }
15+ >
16+ EN
17+ </option >
18+ <option
19+ value ={ lang === ' es' ? path : translatePath (path , ' es' )}
20+ selected ={ lang === ' es' }
21+ >
22+ ES
23+ </option >
1424 </select >
1525 <svg
1626 aria-hidden =" true"
@@ -32,7 +42,7 @@ const translatePath = useTranslatedPath(defaultLang, lang)
3242 aria-current ={ lang === ' en' ? ' page' : undefined }
3343 >
3444 <a
35- href ={ translatePath (path , ' en' )}
45+ href ={ lang === ' en ' ? path : translatePath (path , ' en' )}
3646 class:list ={ [' language-link' , lang === ' en' && ' is-active' ]}
3747 hreflang =" en-gb"
3848 aria-current ={ lang === ' en' ? ' page' : undefined }
@@ -45,7 +55,7 @@ const translatePath = useTranslatedPath(defaultLang, lang)
4555 aria-current ={ lang === ' es' ? ' page' : undefined }
4656 >
4757 <a
48- href ={ translatePath (path , ' es' )}
58+ href ={ lang === ' es ' ? path : translatePath (path , ' es' )}
4959 class:list ={ [' language-link' , lang === ' es' && ' is-active' ]}
5060 hreflang =" es"
5161 aria-current ={ lang === ' es' ? ' page' : undefined }
0 commit comments