Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/Savy011/fullstackopen-exercises. My Exercise Submissions for FullStack Open fullstackopen.com/en
Something went wrong. Try again.
1.0 kB · 43 lines
JavaScript
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344import { useQuery } from '@apollo/client'import { ALL_AUTHORS } from '../queries'import BirthYearForm from './BirthYearForm'
const Authors = ({ token }) => { const result = useQuery(ALL_AUTHORS) if (result.loading) { return <div>Loading Data...</div> }
const authors = result.data.allAuthors if (!authors) { return <div>Data Not Available...</div> }
return ( <div> <h2>Authors</h2> <table> <tbody> <tr> <th></th> <th>Born</th> <th>Books</th> </tr> {authors.map((a) => ( <tr key={a.name}> <td>{a.name}</td> <td>{a.born}</td> <td>{a.bookCount}</td> </tr> ))} </tbody> </table>
{token ? <BirthYearForm authors={authors}/> : null } </div> )}
export default Authors