From 44cf66b6c5ce1ca3800a41a03dba2c102321ceee Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sun, 26 Jun 2022 11:16:11 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A5=20Download=20nav=20statbar=20indic?=
 =?UTF-8?q?ator?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ComicDetail/Tabs/ComicInfoXML.tsx | 16 ++++++++++------
 src/client/components/Navbar.tsx                 |  7 ++++---
 src/client/reducers/fileops.reducer.ts           |  1 +
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/client/components/ComicDetail/Tabs/ComicInfoXML.tsx b/src/client/components/ComicDetail/Tabs/ComicInfoXML.tsx
index ba4a575..de33552 100644
--- a/src/client/components/ComicDetail/Tabs/ComicInfoXML.tsx
+++ b/src/client/components/ComicDetail/Tabs/ComicInfoXML.tsx
@@ -33,12 +33,16 @@ export const ComicInfoXML = (data): ReactElement => {
                 </span>
               </span>
             </div>
-            <div className="control">
-              <span className="tags has-addons">
-                <span className="tag">Genre</span>
-                <span className="tag is-success is-light">{json.genre[0]}</span>
-              </span>
-            </div>
+            {!isUndefined(json.genre) && (
+              <div className="control">
+                <span className="tags has-addons">
+                  <span className="tag">Genre</span>
+                  <span className="tag is-success is-light">
+                    {json.genre[0]}
+                  </span>
+                </span>
+              </div>
+            )}
           </div>
         </dd>
         <dd>
diff --git a/src/client/components/Navbar.tsx b/src/client/components/Navbar.tsx
index 8f82211..c792914 100644
--- a/src/client/components/Navbar.tsx
+++ b/src/client/components/Navbar.tsx
@@ -3,13 +3,14 @@ import { SearchBar } from "./GlobalSearchBar/SearchBar";
 import { DownloadProgressTick } from "./ComicDetail/DownloadProgressTick";
 import { Link } from "react-router-dom";
 import { useSelector } from "react-redux";
-import { isEmpty, isUndefined } from "lodash";
+import { isUndefined } from "lodash";
 
 const Navbar: React.FunctionComponent = (props) => {
   const downloadProgressTick = useSelector(
     (state: RootState) => state.airdcpp.downloadProgressData,
   );
-  console.log(downloadProgressTick)
+  console.log(downloadProgressTick);
+
   return (
     <nav className="navbar is-fixed-top">
       <div className="navbar-brand">
@@ -73,7 +74,7 @@ const Navbar: React.FunctionComponent = (props) => {
             <a className="navbar-link is-arrowless">
               <i className="fa-solid fa-download"></i>
               {downloadProgressTick && (
-                  <i className="fa-solid fa-circle-dashed"></i>
+                <i className="fa-regular fa-circle-dot ml-2 "></i>
               )}
             </a>
             {!isUndefined(downloadProgressTick) ? (
diff --git a/src/client/reducers/fileops.reducer.ts b/src/client/reducers/fileops.reducer.ts
index 72fec8b..da71cb2 100644
--- a/src/client/reducers/fileops.reducer.ts
+++ b/src/client/reducers/fileops.reducer.ts
@@ -194,6 +194,7 @@ function fileOpsReducer(state = initialState, action) {
       };
     }
     case SS_SEARCH_RESULTS_FETCHED_SPECIAL: {
+      console.log(action)
       const foo = [];
       if (!isUndefined(action.data.hits)) {
         map(action.data.hits.hits, ({ _source }) => {