From d819bac7f273ae57ebd40de37b3d020df84cc743 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Tue, 1 Feb 2022 11:04:09 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Bumped=20threetwo-ui-typings=20t?=
 =?UTF-8?q?o=201.0.12?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  2 +-
 src/client/actions/comicinfo.actions.tsx      |  3 +-
 .../components/VolumeDetail/VolumeDetail.tsx  | 32 ++++++++++---------
 3 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 1ad3369..119ff40 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,7 @@
     "sharp": "^0.28.1",
     "socket.io-client": "^4.3.2",
     "styled-components": "^5.3.3",
-    "threetwo-ui-typings": "^1.0.11",
+    "threetwo-ui-typings": "^1.0.12",
     "voca": "^1.4.0",
     "websocket": "^1.0.34",
     "ws": "^7.5.3",
diff --git a/src/client/actions/comicinfo.actions.tsx b/src/client/actions/comicinfo.actions.tsx
index 7adf9a2..38c795e 100644
--- a/src/client/actions/comicinfo.actions.tsx
+++ b/src/client/actions/comicinfo.actions.tsx
@@ -70,7 +70,8 @@ export const getIssuesForSeries = (comicObjectID: any) => async (dispatch) => {
   });
 
   const issues = await axios({
-    url: `${COMICBOOKINFO_SERVICE_URI}/getIssuesForVolume`,
+    url: `${IMPORT_SERVICE_BASE_URI}/getIssuesForSeries`,
+    method: "POST",
     params: {
       comicObjectID,
     },
diff --git a/src/client/components/VolumeDetail/VolumeDetail.tsx b/src/client/components/VolumeDetail/VolumeDetail.tsx
index babe8a0..b68059c 100644
--- a/src/client/components/VolumeDetail/VolumeDetail.tsx
+++ b/src/client/components/VolumeDetail/VolumeDetail.tsx
@@ -56,21 +56,23 @@ const VolumeDetails = (props): ReactElement => {
               className="issues-container"
               columnClassName="issues-column"
             >
-              {issues.map((issue) => {
-                return (
-                  <>
-                    <Card
-                      key={issue.id}
-                      imageUrl={issue.image.thumb_url}
-                      orientation={"vertical"}
-                      hasDetails={false}
-                    />
-                    {!isEmpty(issue.potentialMatches)
-                      ? "matches available"
-                      : null}
-                  </>
-                );
-              })}
+              {!isUndefined(issues) && !isEmpty(issues)
+                ? issues.map((issue) => {
+                    return (
+                      <>
+                        <Card
+                          key={issue.id}
+                          imageUrl={issue.image.thumb_url}
+                          orientation={"vertical"}
+                          hasDetails={false}
+                        />
+                        {!isEmpty(issue.potentialMatches)
+                          ? "matches available"
+                          : null}
+                      </>
+                    );
+                  })
+                : "loading"}
             </Masonry>
             {/* <pre>{JSON.stringify(comicBookDetails, undefined, 2)}</pre> */}
           </div>