Fix EasyConnect - in the last UI refactor EasyConnect for Host was

broken

Author: PiterWeb

frontend/src/routes/mode/EasyConnect.svelte

@@ -3,18 +3,21 @@
 		easyConnectServerIpDomain,
 		easyConnectID,
 		handleEasyConnectClient,
+		handleEasyConnectHost,
 		DEFAULT_EASY_CONNECT_ID,
 		DEFAULT_EASY_CONNECT_SERVER_IP_DOMAIN
 	} from '$lib/easy_connect/easy_connect.svelte';
 	
 	import { _ } from 'svelte-i18n';
 	import { onMount } from 'svelte';
 
+	const { role }: {role: "CLIENT" | "HOST"} = $props()
+	
 	onMount(() => {
 		easyConnectID.value = DEFAULT_EASY_CONNECT_ID;
 		easyConnectServerIpDomain.value = DEFAULT_EASY_CONNECT_SERVER_IP_DOMAIN;
 	});
-
+	
 </script>
 
     <section
@@ -66,9 +69,15 @@
     							/>
     						</div>
 
-    						<button onclick={handleEasyConnectClient} class="btn btn-primary"
-    							>{$_('connect-to-host')}</button
-    						>
+                            {#if role === "CLIENT"}
+                               	<button onclick={handleEasyConnectClient} class="btn btn-primary"
+                          							>{$_('connect-to-host')}</button>
+                            {:else}
+                                <button onclick={handleEasyConnectHost} class="btn btn-primary"
+                         							>{$_('connect-to-client')}</button>
+                            {/if}
+          
+    					
     					</section>
     				</li>
     			</ol>

frontend/src/routes/mode/client/+page.svelte

@@ -73,7 +73,7 @@
 </div>
 
 <div class="mt-0 grid md:grid-cols-5 gap-4 card rounded-lg shadow-xl border border-gray-800 p-2">
-    <EasyConnect />
+    <EasyConnect role="CLIENT"/>
     <section class="md:col-span-2 md:pt-8 card border rounded-lg shadow-xl bg-white border-gray-700">
         <div class="card-body">
             <section class="flex flex-col md:flex-row [&>ol]:px-4">

frontend/src/routes/mode/host/+page.svelte

@@ -73,7 +73,7 @@
 </div>
 
 <div class="mt-0 grid md:grid-cols-5 gap-4 card rounded-lg shadow-xl border border-gray-800 p-2">
-    <EasyConnect />
+    <EasyConnect role="HOST"/>
     <section class="md:col-span-2 md:pt-8 card border rounded-lg shadow-xl bg-white border-gray-700">
         <div class="card-body">
             <section class="flex flex-col md:flex-row [&>ol]:px-4">