refactor: Update language toggle logic in header.html

Author: s-kat0

content/en/publication-list.md content/publication-list.md

@@ -1,13 +1,11 @@
 <header class="nav flex flex-row row py-2 mb-6 w-full border-b border-gray-300 dark:border-gray-700 justify-between">
   <div>
-    <a class="no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800" href="{{ .Site.BaseURL }}">Home</a>
-    <a class="no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800"
-      href="{{ `publication-list` | relURL }}">Publications</a>
-    {{/* <a class="no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800"
-      href="{{ `blog` | relURL }}">Blog</a> */}}
+    <a class='no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800' href='{{ "/" | relLangURL }}'>Home</a>
+    <a class="no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800" href='{{ "publication-list" |
+      relLangURL }}'>Publications</a>
   </div>
   <div>
-    <a class="mr-4" href="{{ `search` | relURL }}"><i class="fas fa-search"></i></i></a>
+    <a class="mr-4" href='{{ "search" | relLangURL }}'><i class="fas fa-search"></i></a>
     <i class="fas fa-sun theme-toggle text-blue-500 hover:text-blue-700 dark:text-yellow-300 dark:hover:text-yellow-500 cursor-pointer text-lg mr-9 sm:mr-0"
       onclick="lightDark(this)"></i>
     <a class="no-underline p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-800 cursor-pointer"
@@ -17,7 +15,7 @@
 
 <script>
   const lightDark = (el) => {
-    let html = document.querySelector("html");
+    const html = document.querySelector("html");
     if (html.classList.contains("dark")) {
       html.classList.remove("dark");
       el.classList.add("fa-moon");
@@ -40,13 +38,11 @@
     const currentLanguage = getCurrentLanguage();
 
     if (currentLanguage === "ja") {
-      // Remove "/ja" from the path to redirect to the English page
       basePath = basePath.replace(/^\/ja/, "");
     } else {
-      // Add "/ja" to the path to redirect to the Japanese page
+      basePath = basePath.replace(/^\/en/, "");
       basePath = "/ja" + basePath;
     }
-
     window.location.href = basePath;
   }