Use encodeURIComponent to encode language for URI

More general purpose and fixes a bug where the links on the C++ page actually took you to C images.

diff --git a/src/routes/language.svelte b/src/routes/language.svelte
index 1f99f4d5a2efba5888c8e446f938a97e7a512981..16e2bde42924540c195f55e49fdf52ba689df66c 100644 (file)
--- a/src/routes/language.svelte
+++ b/src/routes/language.svelte
@@ -38,7 +38,7 @@ SPDX-License-Identifier: GPL-3.0-only -->
   let images, fetchTime, image, imageSize;
   let complete = false;
   let imageQuery = $page.url.searchParams.get("image");
-  let languageEncoded = language.replaceAll("#", "%23");
+  let languageEncoded = encodeURIComponent(language);
 
   onMount(async () => {
     fetchTime = performance.now();

diff --git a/src/routes/languages.svelte b/src/routes/languages.svelte
index cf8a05c6b63e1bdf40fcc6862c53e7481ad68351..a7de20dc503c18b7125d417c136924392bcbcb0c 100644 (file)
--- a/src/routes/languages.svelte
+++ b/src/routes/languages.svelte
@@ -43,15 +43,9 @@ SPDX-License-Identifier: GPL-3.0-only -->
     <ul>
       {#each languages as language}
         <li>
-          {#if language === "C#"}
-            <a href={"/language?language=C%23"}>C#</a>
-          {:else if language === "C++"}
-            <a href={"/language?language=C%2b%2b"}>C++</a>
-          {:else}
-            <a href={"/language?language=" + language}>
-              {language}
-            </a>
-          {/if}
+          <a href={"/language?language=" + encodeURIComponent(language)}>
+            {language}
+          </a>
         </li>
       {/each}
     </ul>