From 9315ad74548e8040d6c0d49a315ce671d6963214 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Mon, 8 Apr 2024 13:30:31 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=87=20Added=20some=20integration=20for?=
 =?UTF-8?q?=20issues?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/VolumeDetail/VolumeDetail.tsx  | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/client/components/VolumeDetail/VolumeDetail.tsx b/src/client/components/VolumeDetail/VolumeDetail.tsx
index c3f3235..583859e 100644
--- a/src/client/components/VolumeDetail/VolumeDetail.tsx
+++ b/src/client/components/VolumeDetail/VolumeDetail.tsx
@@ -1,4 +1,4 @@
-import { isEmpty, isUndefined, map, partialRight, pick } from "lodash";
+import { isEmpty, isNil, isUndefined, map, partialRight, pick } from "lodash";
 import React, { ReactElement, useState, useCallback } from "react";
 import { useParams } from "react-router";
 import { analyzeLibrary } from "../../actions/comicinfo.actions";
@@ -61,7 +61,7 @@ const VolumeDetails = (props): ReactElement => {
         }),
       queryKey: ["comicObject"],
     });
-
+  console.log(comicObject);
   // get issues for a series
   const {
     data: issuesForSeries,
@@ -70,24 +70,27 @@ const VolumeDetails = (props): ReactElement => {
   } = useQuery({
     queryFn: async () =>
       await axios({
-        url: `${COMICVINE_SERVICE_URI}/getIssuesForSeries`,
+        url: `${COMICVINE_SERVICE_URI}/getIssuesForVolume`,
         method: "POST",
         data: {
-          comicObjectId,
+          volumeId:
+            comicObject?.data?.sourcedMetadata.comicvine.volumeInformation.id,
         },
       }),
-    queryKey: ["issuesForSeries"],
-    enabled: false,
+    queryKey: ["issuesForSeries", comicObject?.data],
+    enabled: !isUndefined(comicObject?.data),
   });
   // get story arcs
   const useGetStoryArcs = () => {
     return useMutation({
       mutationFn: async (comicObject) =>
         axios({
-          url: `${COMICVINE_SERVICE_URI}/getStoryArcs`,
+          url: `${COMICVINE_SERVICE_URI}/getResource`,
           method: "POST",
           data: {
             comicObject,
+            resource: "issue",
+            filter: `id:${comicObject?.sourcedMetadata.comicvine.id}`,
           },
         }),
       onSuccess: (data) => {
@@ -141,13 +144,25 @@ const VolumeDetails = (props): ReactElement => {
     </>
   );
 
+  const Issues = () => (
+    <>
+      as
+      <ul>
+        {isSuccess &&
+          issuesForSeries?.data.map((issue) => {
+            return <li>{JSON.stringify(issue, null, 2)}</li>;
+          })}
+      </ul>
+    </>
+  );
+
   // Tab content and header details
   const tabGroup = [
     {
       id: 1,
       name: "Issues in Volume",
       icon: <i className="icon-[solar--documents-bold-duotone] w-6 h-6"></i>,
-      content: <IssuesInVolume key={1} />,
+      content: <Issues />,
     },
     {
       id: 2,