do not show language selection if there is only one language

codeborne · Nov 10, 2023 · 53bc1d3 · 53bc1d3
1 parent c66f957
commit 53bc1d3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/layout/LangSwitcher.svelte b/src/layout/LangSwitcher.svelte
@@ -11,11 +11,12 @@
   }
 
   $: if (lang) localProjectStore.setLang(lang)
-
 </script>
 
-<select bind:value={lang} class="form-select w-auto shadow-sm">
-  {#each project.langs as l}
-    <option>{l}</option>
-  {/each}
-</select>
+{#if project.langs.length > 1}
+  <select bind:value={lang} class="form-select w-auto shadow-sm">
+    {#each project.langs as l}
+      <option>{l}</option>
+    {/each}
+  </select>
+{/if}
diff --git a/src/layout/LangSwticher.test.ts b/src/layout/LangSwticher.test.ts
@@ -14,4 +14,11 @@ describe('<LangSwitcher>', () => {
     expect(select).to.exist
     expect(select.options).to.have.length(3)
   })
+
+  it('hides if only one language', () => {
+    const project = new LoadedProject({} as Project, {de: {}})
+    const {container} = render(LangSwitcher, {project, lang})
+    let select = container.querySelector('select')!
+    expect(select).to.not.exist
+  })
 })