Add frontend support for modified queries

Lavikjo · Oct 8, 2020 · 9a3057c · 9a3057c
1 parent 31ac00c
commit 9a3057c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/osa8/library-frontend/src/components/Authors.js b/osa8/library-frontend/src/components/Authors.js
@@ -8,6 +8,7 @@ const Authors = (props) => {
 
   useEffect(() => {
     if (result.data) {
+      console.log(result.data)
       setAuthors(result.data.allAuthors)
     }
   }, [result])

diff --git a/osa8/library-frontend/src/components/Books.js b/osa8/library-frontend/src/components/Books.js
@@ -30,7 +30,7 @@ const Books = (props) => {
           {books.map((a) => (
             <tr key={a.title}>
               <td>{a.title}</td>
-              <td>{a.author}</td>
+              <td>{a.author.name}</td>
               <td>{a.published}</td>
             </tr>
           ))}

diff --git a/osa8/library-frontend/src/queries.js b/osa8/library-frontend/src/queries.js
@@ -14,7 +14,10 @@ export const ALL_BOOKS = gql`
   query {
     allBooks {
       title
-      author
+      author {
+        name
+        born
+      }
       published
     }
   }
@@ -34,7 +37,10 @@ export const ADD_BOOK = gql`
       genres: $genres
     ) {
       title
-      author
+      author {
+        name
+        born
+      }
       id
       published
       genres