From 61cc98e378451736e2080c9e7a7a16ef57357b1f Mon Sep 17 00:00:00 2001
From: Christian Ditaputratama <ditatompel@gmail.com>
Date: Mon, 9 Sep 2024 19:17:39 +0700
Subject: [PATCH] feat!: Added IPv6 only information to the table

The IP address information of the remote node is replaced with
information on whether the remote node only supports IPv6 or not.
---
 .../datatables/xmr/HostPortCell.svelte        | 29 ++++++++++---------
 frontend/src/routes/remote-nodes/+page.svelte |  2 +-
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/frontend/src/lib/components/datatables/xmr/HostPortCell.svelte b/frontend/src/lib/components/datatables/xmr/HostPortCell.svelte
index be3f93a..afc45a6 100644
--- a/frontend/src/lib/components/datatables/xmr/HostPortCell.svelte
+++ b/frontend/src/lib/components/datatables/xmr/HostPortCell.svelte
@@ -2,18 +2,19 @@
 	import { getModalStore } from '@skeletonlabs/skeleton';
 
 	const modalStore = getModalStore();
-	/** @type {string} */
-	export let ip;
-	/** @type {boolean} */
-	export let is_tor;
-	/** @type {string} */
-	export let hostname;
-	/** @type {number} */
-	export let port;
 
-	// if (is_tor) {
-	// 	hostname = hostname.substring(0, 8) + '[...].onion';
-	// }
+	/**
+	 * @type {{
+	 *  is_tor: boolean,
+	 *  hostname: string,
+	 *  port: number,
+	 *  ipv6_only: boolean
+	 * }}
+	 */
+	export let is_tor;
+	export let hostname;
+	export let port;
+	export let ipv6_only;
 
 	/**
 	 * @param {string} onionAddr
@@ -40,8 +41,8 @@
 	</button><br />.onion:<span class="text-indigo-800 dark:text-indigo-400">{port}</span>
 	<span class="text-gray-700 dark:text-gray-400">(TOR)</span>
 {:else}
-	{hostname}:<span class="text-indigo-800 dark:text-indigo-400">{port}</span>
-	{#if ip !== ''}
-		<br /><span class="text-gray-700 dark:text-gray-400">{ip}</span>
+	{hostname}:<span class="text-indigo-800 dark:text-indigo-400">{port}</span><br />
+	{#if ipv6_only}
+		<span class="text-rose-800 dark:text-rose-400">(IPv6 only)</span>
 	{/if}
 {/if}
diff --git a/frontend/src/routes/remote-nodes/+page.svelte b/frontend/src/routes/remote-nodes/+page.svelte
index c99cb49..d4f06b5 100644
--- a/frontend/src/routes/remote-nodes/+page.svelte
+++ b/frontend/src/routes/remote-nodes/+page.svelte
@@ -211,10 +211,10 @@
 						<tr>
 							<td
 								><HostPortCell
-									ip={row.ip}
 									is_tor={row.is_tor}
 									hostname={row.hostname}
 									port={row.port}
+									ipv6_only={row.ipv6_only}
 								/>
 								<a class="anchor" href="/remote-nodes/logs/?node_id={row.id}">[Logs]</a>
 							</td>