🪧 Logo and positioning

src/client/components/Navbar.tsx

@@ -11,8 +11,8 @@ const Navbar: React.FunctionComponent = (props) => {
       <div className="navbar-brand">
         <a className="navbar-item" href="http://bulma.io">
           <img
-            src="http://bulma.io/images/bulma-logo.png"
+            src="/public/threetwo.png"
-            alt="Bulma: a modern CSS framework based on Flexbox"
+            alt="ThreeTwo! A comic book curator"
             width="112"
             height="28"
           />

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 => {
               </form>
             )}
           />
-          {!isNil(comicVineSearchResults) &&
+          {!isNil(comicVineSearchResults.results) &&
-          !isEmpty(comicVineSearchResults) ? (
+          !isEmpty(comicVineSearchResults.results) ? (
             <>
               {comicVineSearchResults.results.map(
-                ({ id, name, deck, api_detail_url }) => {
+                ({ id, name, description, api_detail_url, image }) => {
                   return (
                     <div key={id}>
                       {id} {name}
                       <p>{api_detail_url}</p>
-                      <p>{deck}</p>
+                      <p>{description}</p>
+                      <figure>
+                        <img src={image.thumb_url} alt="name" />
+                      </figure>
                     </div>
                   );
                 },