diff --git a/src/client/components/Dashboard/WantedComicsList.tsx b/src/client/components/Dashboard/WantedComicsList.tsx
index 65bf69a..61ba8e1 100644
--- a/src/client/components/Dashboard/WantedComicsList.tsx
+++ b/src/client/components/Dashboard/WantedComicsList.tsx
@@ -61,22 +61,42 @@ export const WantedComicsList = ({
title={issueName ? titleElement : No Name}
>
- {/* Issue type */}
- {isComicBookMetadataAvailable &&
- !isNil(detectIssueTypes(comicvine.description)) ? (
-
-
-
-
-
+
+ {/* Issue type */}
+ {isComicBookMetadataAvailable &&
+ !isNil(detectIssueTypes(comicvine.description)) ? (
+
+
+
+
+
-
- {detectIssueTypes(comicvine.description).displayName}
+
+ {
+ detectIssueTypes(comicvine.description)
+ .displayName
+ }
+
-
-
- ) : null}
+
+ ) : null}
+ {/* issues marked as wanted, part of this volume */}
+ {wanted?.markEntireVolumeWanted ? (
+ sagla volume pahije
+ ) : (
+
+
+
+
+
+
+ {wanted.issues.length}
+
+
+
+ )}
+
{/* comicVine metadata presence */}
{isComicBookMetadataAvailable && (
![]()
{
// Add issue metadata
issues.push({ id, api_detail_url, image });
// Get volume metadata from CV
- console.log("volume", comicObject.volume.id);
const response = await axios({
url: `${COMICVINE_SERVICE_URI}/getVolumes`,
method: "POST",
@@ -83,17 +82,32 @@ export const Search = ({}: ISearchProps): ReactElement => {
"id,name,deck,api_detail_url,image,description,start_year,count_of_issues,publisher,first_issue,last_issue",
},
});
- console.log("boogie", response.data);
+ // set volume metadata key
volumeInformation = response.data?.results;
break;
case "volume":
- volumeInformation = comicObject;
+ const {
+ id: volumeId,
+ api_detail_url: apiUrl,
+ image: volumeImage,
+ name,
+ publisher,
+ } = comicObject;
+ volumeInformation = {
+ id: volumeId,
+ url: apiUrl,
+ image: volumeImage,
+ name,
+ publisher,
+ };
break;
default:
+ console.log("Invalid resource type.");
break;
}
+ // Add to wanted list
return await axios({
url: `${LIBRARY_SERVICE_BASE_URI}/rawImportToDb`,
method: "POST",
@@ -101,7 +115,7 @@ export const Search = ({}: ISearchProps): ReactElement => {
importType: "new",
payload: {
importStatus: {
- isImported: true,
+ isImported: false, // wanted, but not acquired yet.
tagged: false,
matchedResult: {
score: "0",
@@ -111,9 +125,9 @@ export const Search = ({}: ISearchProps): ReactElement => {
source,
markEntireVolumeWanted,
issues,
- volume: {},
+ volume: volumeInformation,
},
- sourcedMetadata: { comicvine: volumeInformation } || null,
+ sourcedMetadata: { comicvine: volumeInformation },
},
},
});