From 591ecb394c523c7820a95781d253752e8a4c4f72 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Wed, 29 Nov 2023 23:08:00 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Formatted=20the=20search=20query?=
 =?UTF-8?q?=20box?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ComicDetail/AcquisitionPanel.tsx          | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/client/components/ComicDetail/AcquisitionPanel.tsx b/src/client/components/ComicDetail/AcquisitionPanel.tsx
index 325437d..4de7ff8 100644
--- a/src/client/components/ComicDetail/AcquisitionPanel.tsx
+++ b/src/client/components/ComicDetail/AcquisitionPanel.tsx
@@ -153,11 +153,6 @@ export const AcquisitionPanel = (
 
           // The search can now be considered to be "complete"
           // If there's an "in progress" indicator in the UI, that could also be disabled here
-          // dispatch({
-          //   type: AIRDCPP_HUB_SEARCHES_SENT,
-          //   searchInfo,
-          //   instance,
-          // });
           setAirDCPPSearchInstance(instance);
           setAirDCPPSearchStatus(false);
         },
@@ -289,9 +284,9 @@ export const AcquisitionPanel = (
                   <dl>
                     <dt>
                       <div className="tags mb-1">
-                        {hubs.map(({ value }) => (
-                          <span className="tag is-warning" key={value}>
-                            {value}
+                        {hubs.map((value, idx) => (
+                          <span className="tag is-warning" key={idx}>
+                            {value.identity.name}
                           </span>
                         ))}
                       </div>
@@ -304,9 +299,16 @@ export const AcquisitionPanel = (
                     </dt>
                     <dd>
                       Extensions:
-                      {airDCPPSearchInfo.query.extensions.join(", ")}
+                      <span className="has-text-weight-semibold">
+                        {airDCPPSearchInfo.query.extensions.join(", ")}
+                      </span>
+                    </dd>
+                    <dd>
+                      File type:
+                      <span className="has-text-weight-semibold">
+                        {airDCPPSearchInfo.query.file_type}
+                      </span>
                     </dd>
-                    <dd>File type: {airDCPPSearchInfo.query.file_type}</dd>
                   </dl>
                 </div>
               </div>