🔧 Adding a download status to navbar WIP

src/client/actions/airdcpp.actions.tsx

@@ -266,8 +266,8 @@ export const getTransfers =
         );
       }
       console.log(ADCPPSocket);
-    const foo =  await ADCPPSocket.get('queue/bundles/1/50', {});
-    console.log(foo);
+      const foo = await ADCPPSocket.get("queue/bundles/1/50", {});
+      console.log(foo);
     } catch (err) {
       throw err;
     }

src/client/components/ComicDetail/DownloadsPanel.tsx

@@ -54,7 +54,6 @@ export const DownloadsPanel = (
   }, [dispatch]);
 
   const ProgressTick = (props) => {
-    console.log("tick", props);
     return (
       <div className="column is-half">
         {JSON.stringify(props.data.downloadProgressTick)}

src/client/components/Dashboard/PullList.tsx

@@ -146,7 +146,7 @@ export const PullList = ({ issues }: PullListProps): ReactElement => {
                   </div>
                   <div className="mt-2">
                     <button
-                      className="button is-small is-warning is-light"
+                      className="button is-small is-success is-outlined is-light"
                       onClick={() => addToLibrary("locg", issue)}
                     >
                       <i className="fa-solid fa-plus"></i> Want

src/client/components/Dashboard/WantedComicsList.tsx

@@ -16,9 +16,9 @@ export const WantedComicsList = ({
 }: WantedComicsListProps): ReactElement => {
   const breakpointColumnsObj = {
     default: 5,
-    1100: 4,
-    700: 2,
-    600: 2,
+    1100: 5,
+    700: 5,
+    600: 4,
   };
 
   const navigate = useNavigate();

src/client/components/Navbar.tsx

@@ -67,35 +67,9 @@ const Navbar: React.FunctionComponent = (props) => {
               className="navbar-link  is-active"
               href="/documentation/overview/start/"
             >
-              Docs
+              <i className="fa-solid fa-download"></i>
             </a>
-            <div className="navbar-dropdown ">
-              <a className="navbar-item " href="/documentation/overview/start/">
-                Overview
-              </a>
-
-              <a
-                className="navbar-item is-active"
-                href="http://bulma.io/documentation/components/breadcrumb/"
-              >
-                Components
-              </a>
-
-              <hr className="navbar-divider" />
-              <div className="navbar-item">
-                <div>
-                  <p className="is-size-6-desktop">
-                    <strong className="has-text-info">0.5.1</strong>
-                  </p>
-
-                  <small>
-                    <a className="bd-view-all-versions" href="/versions">
-                      View all versions
-                    </a>
-                  </small>
-                </div>
-              </div>
-            </div>
+            <div className="navbar-dropdown">asdas</div>
           </div>
           <div className="navbar-item has-dropdown is-hoverable is-mega">
             <div className="navbar-link flex">Blog</div>

src/client/components/Search.tsx

@@ -150,7 +150,7 @@ export const Search = ({}: ISearchProps): ReactElement => {
                           className="button is-success is-light is-outlined mt-2"
                           onClick={() => addToLibrary("comicvine", result)}
                         >
-                          <i className="fa-solid fa-plus mr-2"></i> Add to Library
+                          <i className="fa-solid fa-plus mr-2"></i> Want 
                         </button>
                       </div>
                     </div>