From c91f64239ae7c54a62319e316a245243cd1e93a0 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 7 Apr 2022 01:03:46 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=20Scaffold=20for=20Wanted=20list?=
 =?UTF-8?q?=20table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/App.tsx                        |  2 ++
 src/client/components/Dashboard/WantedComicsList.tsx | 10 +++++++---
 src/client/components/WantedComics/WantedComics.tsx  |  1 +
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/client/components/App.tsx b/src/client/components/App.tsx
index 304f477..eee7949 100644
--- a/src/client/components/App.tsx
+++ b/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>
diff --git a/src/client/components/Dashboard/WantedComicsList.tsx b/src/client/components/Dashboard/WantedComicsList.tsx
index 6871acf..01cc810 100644
--- a/src/client/components/Dashboard/WantedComicsList.tsx
+++ b/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">
diff --git a/src/client/components/WantedComics/WantedComics.tsx b/src/client/components/WantedComics/WantedComics.tsx
index 6fd0a6d..1577ba3 100644
--- a/src/client/components/WantedComics/WantedComics.tsx
+++ b/src/client/components/WantedComics/WantedComics.tsx
@@ -15,6 +15,7 @@ export const WantedComics = (props): ReactElement => {
             size: 25,
             from: 0,
           },
+          type: "wanted",
         },
       ),
     );