📥 Download nav statbar indicator

src/client/components/ComicDetail/Tabs/ComicInfoXML.tsx

@@ -33,12 +33,16 @@ export const ComicInfoXML = (data): ReactElement => {
                 </span>
               </span>
             </div>
-            <div className="control">
+            {!isUndefined(json.genre) && (
-              <span className="tags has-addons">
+              <div className="control">
-                <span className="tag">Genre</span>
+                <span className="tags has-addons">
-                <span className="tag is-success is-light">{json.genre[0]}</span>
+                  <span className="tag">Genre</span>
-              </span>
+                  <span className="tag is-success is-light">
-            </div>
+                    {json.genre[0]}
+                  </span>
+                </span>
+              </div>
+            )}
           </div>
         </dd>
         <dd>

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) ? (

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 }) => {