fixed blog language change

Author: AndreAnimator

src/components/Header.astro

@@ -22,7 +22,7 @@ const t = useTranslations(lang);
         <p class="uppercase text-3xl text-zinc-900">blog</p>
     </a>
     <ul class="flex gap-x-8">
-        <li><a href="/" class="text-teal-900 font-bold">{t('nav.home')}</a></li>
+        <li><a href={`/${lang}/`} class="text-teal-900 font-bold">{t('nav.home')}</a></li>
         <li><a href={`/${lang}/about`} class="text-teal-900 font-bold">{t('nav.about')}</a></li>
         <li><a href={`/${lang}/blog`} class="text-teal-900 font-bold">Blog</a></li>
         <li><ThemeDropdown name="theme"></ThemeDropdown></li>

src/components/LanguagePicker.astro

@@ -1,17 +1,56 @@
 ---
 import { languages } from '../i18n/ui';
 import { getLangFromUrl } from '../i18n/utils';
+import blog  from "../data/blog.json";
 
-function getPath(){
+function getIndex(aux: string, lang: string){
+  var filteredObj = blog.find(function(item, i){
+    if(lang == 'en'){
+      if(item.en === aux){
+        return i;
+      }
+    }
+    else{
+      if(item.ptbr === aux){
+        return i;
+      }
+    }
+  });
+  return 0;
+}
+
+function getPath(lang_org: string){
   let lang = getLangFromUrl(Astro.url);
+  var url = Astro.url.pathname.split( '/' );
+  var title = '';
+  console.log(url)
+  console.log(blog[0].en)
+  if(url.length > 3 && (url[2] == 'blog' || url[2] == 'portfolio')){
+    var aux = url[3];
+    if(lang_org == 'en'){
+      var i = getIndex(aux, lang);
+      title = blog[i].en
+    }else{
+      var i = getIndex(aux, lang);
+      title = blog[i].ptbr
+    }
+    console.log("oiii");
+    var string = Astro.url.pathname;
+    console.log(string);
+    string = string.replace(`/${lang}/`, '');
+    console.log(string);
+    string = string.replace(`/${url[3]}`, `/${title}`);
+    console.log(string);
+    return string;
+  }
   return Astro.url.pathname.replace(`/${lang}/`, '');
 }
 
 ---
 <ul>
   {Object.entries(languages).map(([lang, label]) => (
     <li>
-      <a href={`/${lang}/${getPath()}`}>{label}</a>
+      <a href={`/${lang}/${getPath(lang)}`}>{label}</a>
     </li>
   ))}
 </ul>

src/data/blog.json

@@ -0,0 +1,6 @@
+[
+    {
+        "en": "hello.mdx",
+        "ptbr": "ola.mdx"
+    }
+]