From f9216e509b68ecb909280a182368fba380576633 Mon Sep 17 00:00:00 2001
From: ManeraKai <manerakai@protonmail.com>
Date: Tue, 16 May 2023 19:46:21 +0300
Subject: [PATCH] Added ping to Added Custom Instances
 https://github.com/libredirect/browser_extension/issues/680

---
 src/pages/options/index.js       | 16 +++++++++-------
 src/pages/stylesheets/styles.css |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/options/index.js b/src/pages/options/index.js
index 9480f9a..0910a89 100644
--- a/src/pages/options/index.js
+++ b/src/pages/options/index.js
@@ -154,7 +154,9 @@ async function calcCustomInstances(frontend) {
 		.map(
 			x => `
 			<div>
-				${x}
+				<x>
+					<a href="${x}" target="_blank">${x}</a>
+				</x>
 				<button class="add clear-${x}">
 					<svg xmlns="https://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px" fill="currentColor">
 						<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
@@ -273,9 +275,11 @@ if (r) loadPage(r[1])
 else loadPage("general")
 
 async function ping(frontend) {
-	let instanceElements = document.getElementById(frontend)
-		.getElementsByClassName('clearnet')[0]
-		.getElementsByTagName('x')
+	const instanceElements = [
+		...document.getElementById(frontend).getElementsByClassName("custom-checklist")[0].getElementsByTagName('x'),
+		...document.getElementById(frontend).getElementsByClassName('clearnet')[0].getElementsByTagName('x')
+	]
+
 	for (const element of instanceElements) {
 		let span = element.getElementsByClassName('ping')[0]
 		if (!span) span = document.createElement('span')
@@ -303,8 +307,6 @@ async function ping(frontend) {
 			color = "red"
 			text = 'Server not found'
 		}
-
 		span.innerHTML = `<span style="color:${color};">${text}</span>`
-
 	}
-}
+}
\ No newline at end of file
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 8c854e3..a0fc432 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -357,7 +357,7 @@ div.checklist-popup div div {
 	margin: 0;
 }
 
-div.custom-checklist {
+div.custom-checklist x a {
 	color: var(--active);
 }