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 }, }, }, });