From 6b07c361e4f4e2787c67441c0b61ddb0f3ca7ccd Mon Sep 17 00:00:00 2001
From: phoebus-84 <ennio@dyne.org>
Date: Tue, 10 Sep 2024 10:58:45 +0200
Subject: [PATCH] chores: update to last didroom components

---
 src/routes/+layout.svelte                     |  4 ++--
 .../(protected)/(tabs)/profile/+page.svelte   | 24 +++++++++++--------
 .../(protected)/languages/+page.svelte        | 16 +++++++------
 3 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4825c1c..467ff67 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -56,11 +56,11 @@
 	/>
 	<script
 		type="module"
-		src="https://cdn.jsdelivr.net/npm/@didroom/components@1.29.1/dist/didroom-components/didroom-components.esm.js"
+		src="https://cdn.jsdelivr.net/npm/@didroom/components@1.29.3/dist/didroom-components/didroom-components.esm.js"
 	></script>
 	<link
 		rel="stylesheet"
-		href="https://cdn.jsdelivr.net/npm/@didroom/components@1.29.1/dist/didroom-components/didroom-components.css"
+		href="https://cdn.jsdelivr.net/npm/@didroom/components@1.29.3/dist/didroom-components/didroom-components.css"
 	/>
 </svelte:head>
 
diff --git a/src/routes/[[lang]]/(protected)/(tabs)/profile/+page.svelte b/src/routes/[[lang]]/(protected)/(tabs)/profile/+page.svelte
index 04f4f7f..a916ae7 100644
--- a/src/routes/[[lang]]/(protected)/(tabs)/profile/+page.svelte
+++ b/src/routes/[[lang]]/(protected)/(tabs)/profile/+page.svelte
@@ -19,6 +19,7 @@
 
 	const gotoLanguageSettings = () => goto('/languages');
 	const gotoAccountSettings = () => goto('/user-settings');
+
 </script>
 
 <d-tab-page tab="profile" title={m.Profile()} settings>
@@ -40,19 +41,22 @@
 	</div>
 	<div slot="settings">
 		<d-settings-menu
-			accountSettings={m.Account_Settings()}
-			securityAndAuthentication={m.Security_and_Authentication()}
-			notificationsSettings={m.Notifications_Settings()}
+			account-settings={m.Account_Settings()}
+			security-and-authentication={m.Security_and_Authentication()}
+			notifications-settings={m.Notifications_Settings()}
 			languages={m.Languages()}
 			support={m.Support()}
-			privacyPolicy={m.Privacy_Policy()}
-			logOut={m.Log_Out()}
+			privacy-policy={m.Privacy_Policy()}
+			log-out={m.Log_Out()}
 			{version}
-			developedBy={m.Developed_by_Forkbomb()}
-			{logoutCB}
-			{gotoLanguageSettings}
-			{gotoAccountSettings}
-			{openAppSettings}
+			developed-by={m.Developed_by_Forkbomb()}
+			on:accountSettingsClick={() => goto('/user-settings')}
+			on:languageSettingsClick={() => {
+				console.log("pppp")
+				goto('/languages')
+				}}
+			on:appSettingsClick={() => openAppSettings()}
+			on:logoutClick={() => goto('/logout')}
 		/>
 	</div>
 	<div class="pb-24" />
diff --git a/src/routes/[[lang]]/(protected)/languages/+page.svelte b/src/routes/[[lang]]/(protected)/languages/+page.svelte
index dcde6fa..9d1461d 100644
--- a/src/routes/[[lang]]/(protected)/languages/+page.svelte
+++ b/src/routes/[[lang]]/(protected)/languages/+page.svelte
@@ -4,6 +4,7 @@
 	import { setLanguagePreference } from '$lib/preferences/lang';
 	import { availableLanguageTags } from '$paraglide/runtime';
 
+	const back = () => goto('/profile');
 	const recordLanguages = {
 		en: 'English',
 		es: 'Español',
@@ -12,10 +13,15 @@
 		it: 'Italiano'
 	};
 	$: activeLanguage = i18n.getLanguageFromUrl($page.url);
-	const back = () => goto('/profile')
+	function handleLanguageChange(language: 'en' | 'it') {
+		setLanguagePreference(language).then(() => {
+			activeLanguage = language;
+			window.location.replace(`/${language}/languages`);
+		});
+	}
 </script>
 
-<d-header back-button backFunction={back}>
+<d-header back-button on:backButtonClick={back}>
 	{m.Languages()}
 </d-header>
 
@@ -33,11 +39,7 @@
 		{:else}
 			<button
 				class="border-b-stroke flex h-16 w-full items-center justify-between gap-2.5 rounded-lg border-b border-solid px-5 py-8"
-				on:click={async () => {
-					await setLanguagePreference(language);
-					activeLanguage = language;
-					window.location.replace(`/${language}/languages`);
-				}}
+				on:click={() => handleLanguageChange(language)}
 			>
 				<span class="flex items-center self-stretch">
 					{recordLanguages[language]}