Implement #76

frontend/src/lib/config.ts

@@ -3,7 +3,9 @@ export default {
 	API_PROXY: import.meta.env.VITE_API_PROXY || 'https://languagelab.sipr.ucl.ac.be:8000',
 	APP_URL: import.meta.env.VITE_APP_URL || 'https://languagelab.sipr.ucl.ac.be',
 	WS_URL: import.meta.env.VITE_WS_URL || 'wss://languagelab.sipr.ucl.ac.be/api/v1/ws',
-	LEARNING_LANGUAGES: ['fr'], // future: ['fr', 'en']
+	LEARNING_LANGUAGES: {
+		fra: 'French - fran\u00e7ais'
+	},
 	SPECIAL_CHARS: [
 		'à',
 		'â',

frontend/src/routes/register/+page.svelte

@@ -14,7 +14,7 @@
 		createUserContactAPI,
 		getUserContactsAPI
 	} from '$lib/api/users';
-	import { ArrowRight, Icon, Envelope, Key, UserCircle } from 'svelte-hero-icons';
+	import { Icon, Envelope, Key, UserCircle } from 'svelte-hero-icons';
 	import Typingtest from '$lib/components/tests/typingtest.svelte';
 	import AvailableTutors from '$lib/components/users/availableTutors.svelte';
 
@@ -29,6 +29,7 @@
 			'<label for="humanCheck" class="cursor-pointer label">' +
 			$t('register.humans') +
 			'<input type="checkbox" id="humanCheck" class="checkbox" required></label>';*/
+
 		const u = get(user);
 
 		if (u == null) {
@@ -375,8 +376,8 @@
 					required
 					bind:value={target_language}
 				>
-					{#each config.LEARNING_LANGUAGES as language}
-						<option value={language}>{language}</option>
+					{#each Object.entries(config.LEARNING_LANGUAGES) as [code, name]}
+						<option value={code}>{name}</option>
 					{/each}
 				</select>
 			</div>