🏗 Scaffold for Wanted list table

src/client/components/App.tsx

@@ -10,6 +10,7 @@ import Search from "./Search";
 import Settings from "./Settings";
 import VolumeDetail from "./VolumeDetail/VolumeDetail";
 import PullList from "./PullList/PullList";
+import WantedComics from "./WantedComics/WantedComics";
 
 import { Routes, Route } from "react-router-dom";
 import Navbar from "./Navbar";
@@ -91,6 +92,7 @@ export const App = (): ReactElement => {
           />
           <Route path="/settings" element={<Settings />} />
           <Route path="/pull-list/all" element={<PullList />} />
+          <Route path="/wanted/all" element={<WantedComics />} />
         </Routes>
       </div>
     </AirDCPPSocketContext.Provider>

src/client/components/Dashboard/WantedComicsList.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement } from "react";
 import Card from "../Carda";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import ellipsize from "ellipsize";
 import { isEmpty, isNil, isUndefined, map } from "lodash";
 import { detectIssueTypes } from "../../shared/utils/tradepaperback.utils";
@@ -20,15 +20,19 @@ export const WantedComicsList = ({
     600: 2,
   };
 
+  const navigate = useNavigate();
+  const navigateToWantedComics = (row) => {
+    navigate(`/wanted/all`);
+  };
   return (
     <>
       <div className="content">
-        <span className="icon-text mb-1">
+        <span className="icon-text mb-1" onClick={navigateToWantedComics}>
           <span>
             <span className="title is-4">Wanted Comics</span>
           </span>
           <span className="icon mt-1">
-          <i className="fa-solid fa-circle-chevron-right"></i>
+            <i className="fa-solid fa-circle-chevron-right"></i>
           </span>
         </span>
         <p className="subtitle is-7">

src/client/components/WantedComics/WantedComics.tsx

@@ -15,6 +15,7 @@ export const WantedComics = (props): ReactElement => {
             size: 25,
             from: 0,
           },
+          type: "wanted",
         },
       ),
     );