diff --git a/public/threetwo.png b/public/threetwo.png new file mode 100644 index 0000000..682b40d Binary files /dev/null and b/public/threetwo.png differ diff --git a/src/client/components/Navbar.tsx b/src/client/components/Navbar.tsx index 765fb5a..2cf0b60 100644 --- a/src/client/components/Navbar.tsx +++ b/src/client/components/Navbar.tsx @@ -11,8 +11,8 @@ const Navbar: React.FunctionComponent = (props) => {
Bulma: a modern CSS framework based on Flexbox diff --git a/src/client/components/Search.tsx b/src/client/components/Search.tsx index f4a80b7..dee87f1 100644 --- a/src/client/components/Search.tsx +++ b/src/client/components/Search.tsx @@ -31,7 +31,7 @@ export const Search = ({}: ISearchProps): ReactElement => { format: "json", limit: "10", offset: "0", - field_list: "id,name,deck,api_detail_url", + field_list: "id,name,deck,api_detail_url,image,description", resources: "volume", }, }), @@ -77,16 +77,19 @@ export const Search = ({}: ISearchProps): ReactElement => { )} /> - {!isNil(comicVineSearchResults) && - !isEmpty(comicVineSearchResults) ? ( + {!isNil(comicVineSearchResults.results) && + !isEmpty(comicVineSearchResults.results) ? ( <> {comicVineSearchResults.results.map( - ({ id, name, deck, api_detail_url }) => { + ({ id, name, description, api_detail_url, image }) => { return (
{id} {name}

{api_detail_url}

-

{deck}

+

{description}

+
+ name +
); },