Translate some parts

Dlurak · Feb 29, 2024 · de9e57c · de9e57c
1 parent 69e5b06
commit de9e57c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/languages/de.ts b/src/languages/de.ts
@@ -197,6 +197,8 @@ const de = {
 	'settins.apperance.nav.text.show': 'Zeige Titel in der Navigationsleiste an',
 	'settins.apperance.nav.text.hide': 'Verstecke Titel in der Navigationsleiste',
 	'settings.apperance.nav.search': 'Suche in der Navigationsleiste anzeigen',
+	'settings.nav.add': 'Hinzufügen',
+	'settings.nav.unused': 'Ungenutzte Komponenten',
 	'settings.apperance.homework.opacity': 'Transparenz abgelaufener Hausaufgaben',
 	'settings.homework.amount': 'Hausaufgaben pro Seite',
 

diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -192,6 +192,8 @@ const en = {
 	'settins.apperance.nav.text.show': 'Show title in the navigation bar',
 	'settins.apperance.nav.text.hide': 'Hide title in the navigation bar',
 	'settings.apperance.nav.search': 'Show search in the navigation bar',
+	'settings.nav.add': 'Add',
+	'settings.nav.unused': 'Unused components',
 	'settings.apperance.homework.opacity': 'Transparency of finished homework',
 	'settings.homework.amount': 'Homework per page',
 

diff --git a/src/lib/preferences/NavigationItems.svelte b/src/lib/preferences/NavigationItems.svelte
@@ -6,6 +6,7 @@
 	import { browser } from '$app/environment';
 	import type { Id } from '../../constants/navbar';
 	import { allIds, navbarData } from '../../constants/navbar';
+	import I18n from '$lib/I18n.svelte';
 
 	type Button = {
 		id: Id;
@@ -85,11 +86,22 @@
 	</ul>
 	{#if inactiveItems.length}
 		<div>
-			<h5>Nicht genutzte möglichkeiten</h5>
+			<h5>
+			<I18n key="settings.nav.unused" />
+			</h5>
 			<ul class="flex gap-2 flex-col">
 				{#each inactiveItems as item, index}
 					<li class="flex gap-2 items-center">
-						<i class="bx {item.boxIcon}" />
+						<span class="flex items-center gap-1">
+							<i class="bx {item.boxIcon}" />
+							<I18n
+								key="nav.{item.id}"
+								options={{
+									transform: 'capitalize'
+								}}
+							/>
+						</span>
+
 						<button
 							class="px-2 py-1 rounded-sm bg-light-secondary dark:bg-dark-secondary shadow-sm"
 							on:click={() => {
@@ -100,7 +112,7 @@
 								items = [...items, ...removed];
 							}}
 						>
-							Add
+							<I18n key="settings.nav.add" />
 						</button>
 					</li>
 				{/each}