From 9dc4c444ba3f1e145702e40bbdd79a8cc0abb9f1 Mon Sep 17 00:00:00 2001
From: Brieuc Dubois <git@bhasher.com>
Date: Sun, 28 Jul 2024 13:42:52 +0200
Subject: [PATCH] Implement #76

---
 frontend/src/lib/config.ts                | 4 +++-
 frontend/src/routes/register/+page.svelte | 7 ++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/config.ts b/frontend/src/lib/config.ts
index a4dd8717..86c8f761 100644
--- a/frontend/src/lib/config.ts
+++ b/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: [
 		'à',
 		'â',
diff --git a/frontend/src/routes/register/+page.svelte b/frontend/src/routes/register/+page.svelte
index d65ff780..3d4abb87 100644
--- a/frontend/src/routes/register/+page.svelte
+++ b/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>
-- 
GitLab