feat: Update RouteModal to use localized route title

OneBusAway · Nov 3, 2024 · 8d92b9f · 8d92b9f
1 parent d6d298b
commit 8d92b9f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/navigation/RouteModal.svelte b/src/components/navigation/RouteModal.svelte
@@ -4,6 +4,7 @@
 	export let selectedRoute;
 	export let stops;
 	export let mapProvider;
+	import { t } from 'svelte-i18n';
 
 	function handleStopItemClick(event) {
 		const { stop } = event.detail;
@@ -18,7 +19,8 @@
 		<div>
 			<div class="h-36 rounded-lg bg-[#1C1C1E] bg-opacity-80 p-4">
 				<h1 class="mb-6 text-center text-2xl font-bold text-white">
-					Route: {selectedRoute.shortName}
+					{$t('route').charAt(0).toUpperCase() + $t('route').slice(1)}
+					{selectedRoute.shortName}
 				</h1>
 				<h2 class="mb-6 text-center text-xl text-white">{selectedRoute.description}</h2>
 			</div>