import { useQuery } from '@apollo/react-hooks' import gql from 'graphql-tag' import { Cell, Head, Table } from './Table' const UPLOADS_QUERY = gql` query uploads { uploads { id filename mimetype path } } ` export const Uploads = () => { const { data: { uploads = [] } = {} } = useQuery(UPLOADS_QUERY) return ( FilenameMIME typePath } tbody={uploads.map(({ id, filename, mimetype, path }) => ( {filename}{mimetype}{path} ))} /> ) }