From 9aee8176b0d068ec8613a662531b6b042b83553d Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Thu, 12 Aug 2021 16:44:52 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=A7=20Logo=20and=20positioning?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/threetwo.png              | Bin 0 -> 4247 bytes
 src/client/components/Navbar.tsx |   4 ++--
 src/client/components/Search.tsx |  13 ++++++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)
 create mode 100644 public/threetwo.png

diff --git a/public/threetwo.png b/public/threetwo.png
new file mode 100644
index 0000000000000000000000000000000000000000..682b40de2558f3e1596470cb758941c41c35bcb7
GIT binary patch
literal 4247
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
Tb_K}EpQN6aA-eQ}ZTSBH0dr*t

literal 0
HcmV?d00001

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) => {
       <div className="navbar-brand">
         <a className="navbar-item" href="http://bulma.io">
           <img
-            src="http://bulma.io/images/bulma-logo.png"
-            alt="Bulma: a modern CSS framework based on Flexbox"
+            src="/public/threetwo.png"
+            alt="ThreeTwo! A comic book curator"
             width="112"
             height="28"
           />
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 => {
               </form>
             )}
           />
-          {!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 (
                     <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>
                   );
                 },