🏗️ Reorganized tabs

src/client/actions/settings.actions.tsx

@@ -13,17 +13,17 @@ import {
 
 export const saveSettings =
   (settingsPayload, settingsKey: string, settingsObjectId?: string) =>
-    async (dispatch) => {
+  async (dispatch) => {
-      const result = await axios({
+    const result = await axios({
-        url: `${SETTINGS_SERVICE_BASE_URI}/saveSettings`,
+      url: `${SETTINGS_SERVICE_BASE_URI}/saveSettings`,
-        method: "POST",
+      method: "POST",
-        data: { settingsPayload, settingsKey, settingsObjectId },
+      data: { settingsPayload, settingsKey, settingsObjectId },
-      });
+    });
-      dispatch({
+    dispatch({
-        type: SETTINGS_OBJECT_FETCHED,
+      type: SETTINGS_OBJECT_FETCHED,
-        data: result.data,
+      data: result.data,
-      });
+    });
-    };
+  };
 
 export const getSettings = (settingsKey?) => async (dispatch) => {
   const result = await axios({
@@ -85,6 +85,8 @@ export const getQBitTorrentClientInfo = (hostInfo) => async (dispatch) => {
   console.log(bar);
   dispatch({
     type: SETTINGS_QBITTORRENT_TORRENTS_LIST_FETCHED,
-    data: bar.data
+    data: bar.data,
   });
 };
+
+export const getProwlarrConnectionInfo = (hostInfo) => async (dispatch) => {};

src/client/components/ComicDetail/ComicDetail.tsx

@@ -198,8 +198,8 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
     },
     {
       id: 4,
-      icon: <i className="fa-solid fa-floppy-disk"></i>,
+      icon: <i className="fa-solid fa-circle-nodes"></i>,
-      name: "Acquisition",
+      name: "DC++ Search",
       content: (
         <AcquisitionPanel
           query={airDCPPQuery}
@@ -213,6 +213,13 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
     },
     {
       id: 5,
+      icon: <i className="fa-solid fa-droplet"></i>,
+      name: "Torrent Search",
+      content: <>Torrents</>,
+      shouldShow: true,
+    },
+    {
+      id: 6,
       icon: null,
       name: !isEmpty(data.data) ? (
         <span className="download-tab-name">Downloads</span>

src/client/components/ComicDetail/TabControls.tsx

@@ -25,12 +25,15 @@ export const TabControls = (props): ReactElement => {
             >
               {/* Downloads tab and count badge */}
               <a>
-                {id === 5 &&
+                {id === 6 &&
                 !isNil(comicBookDetailData.acquisition.directconnect) ? (
                   <span className="download-icon-labels">
                     <i className="fa-solid fa-download"></i>
                     <span className="tag downloads-count is-info is-light">
-                      {comicBookDetailData.acquisition.directconnect.downloads.length}
+                      {
+                        comicBookDetailData.acquisition.directconnect.downloads
+                          .length
+                      }
                     </span>
                   </span>
                 ) : (