From 115571e2970b9b258d478ad1fd9649fb2b9cbf1b Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sat, 9 Apr 2022 21:54:52 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fixed=20issues=20with=20the=20Wa?=
 =?UTF-8?q?nted=20table=20view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/WantedComics/WantedComics.tsx | 10 +++++-----
 src/client/reducers/fileops.reducer.ts              |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/client/components/WantedComics/WantedComics.tsx b/src/client/components/WantedComics/WantedComics.tsx
index 127539b..81f15ad 100644
--- a/src/client/components/WantedComics/WantedComics.tsx
+++ b/src/client/components/WantedComics/WantedComics.tsx
@@ -40,7 +40,7 @@ export const WantedComics = (props): ReactElement => {
             minWidth: 350,
             accessor: (row) => {
               console.log(row);
-              return (
+              return row._source.sourcedMetadata.comicvine.volumeInformation ? (
                 <div className="columns">
                   <div className="column">
                     <div className="comic-detail issue-metadata">
@@ -48,8 +48,8 @@ export const WantedComics = (props): ReactElement => {
                         <dd>
                           <div className="columns mt-2">
                             <div className="column is-3">
-                              {!isEmpty(
-                                row._source.sourcedMetadata.comicvine,
+                              {!isUndefined(
+                                row._source.sourcedMetadata.comicvine.image,
                               ) && (
                                 <Card
                                   imageUrl={
@@ -139,7 +139,7 @@ export const WantedComics = (props): ReactElement => {
                     </div>
                   </div>
                 </div>
-              );
+              ) : null;
             },
           },
         ],
@@ -188,7 +188,7 @@ export const WantedComics = (props): ReactElement => {
         <h1 className="title">Wanted Comics</h1>
         {/* Search bar */}
         <SearchBar />
-        {!isUndefined(wantedComics) && (
+        {!isUndefined(wantedComics.hits) && (
           <div>
             <div className="library">
               <T2Table
diff --git a/src/client/reducers/fileops.reducer.ts b/src/client/reducers/fileops.reducer.ts
index 06b03ad..88c2ac8 100644
--- a/src/client/reducers/fileops.reducer.ts
+++ b/src/client/reducers/fileops.reducer.ts
@@ -40,6 +40,7 @@ const initialState = {
   extractedComicBookArchive: [],
   recentComics: [],
   wantedComics: [],
+  librarySearchResults: [],
   librarySearchResultCount: 0,
   libraryQueueResults: [],
   librarySearchError: {},
@@ -183,6 +184,7 @@ function fileOpsReducer(state = initialState, action) {
     }
 
     case SS_SEARCH_RESULTS_FETCHED: {
+      console.log(action.data);
       return {
         ...state,
         librarySearchResults: action.data,