From c9b99e8bb43eb0f8dbcc3ca91cf1f4b01f83595f Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 14 Nov 2024 19:00:51 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9E=95=20Added=20an=20active=20hub=20badge?=
 =?UTF-8?q?=20to=20DC++=20search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ComicDetail/AcquisitionPanel.tsx  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/client/components/ComicDetail/AcquisitionPanel.tsx b/src/client/components/ComicDetail/AcquisitionPanel.tsx
index 436429b..05bca6f 100644
--- a/src/client/components/ComicDetail/AcquisitionPanel.tsx
+++ b/src/client/components/ComicDetail/AcquisitionPanel.tsx
@@ -114,9 +114,10 @@ export const AcquisitionPanel = (
       query: searchData,
       config: {
         protocol: `ws`,
-        hostname: `192.168.1.119:5600`,
-        username: `admin`,
-        password: `password`,
+        // hostname: `192.168.1.119:5600`,
+        hostname: `127.0.0.1:5600`,
+        username: `user`,
+        password: `pass`,
       },
     });
   };
@@ -200,7 +201,7 @@ export const AcquisitionPanel = (
 
   return (
     <>
-      <div className="mt-5">
+      <div className="mt-5 mb-3">
         {!isEmpty(hubs?.data) ? (
           <Form
             onSubmit={getDCPPSearchResults}
@@ -255,6 +256,13 @@ export const AcquisitionPanel = (
           </article>
         )}
       </div>
+      {/* configured hub */}
+      <span className="inline-flex items-center bg-green-50 text-slate-800 text-xs font-medium px-2.5 py-0.5 rounded-md dark:text-slate-900 dark:bg-green-300">
+        <span className="pr-1 pt-1">
+          <i className="icon-[solar--server-2-bold-duotone] w-5 h-5"></i>
+        </span>
+        {hubs && hubs?.data[0].hub_url}
+      </span>
 
       {/* AirDC++ search instance details */}
       {!isNil(airDCPPSearchInstance) &&