text: import React from "react"
  
  export default ({ data }) => {
      console.log(data)
      return (
        <div>
          <h1>My Site's Files</h1>
          <table>
            <thead>
              <tr>
                <th>relativePath</th>
                <th>prettySize</th>
                <th>extension</th>
                <th>birthTime</th>
              </tr>
            </thead>
            <tbody>
              {data.allFile.edges.map(({ node }, index) =>
                <tr key={index}>
                  <td>
                    {node.relativePath}
                  </td>
                  <td>
                    {node.prettySize}
                  </td>
                  <td>
                    {node.extension}
                  </td>
                  <td>
                    {node.birthTime}
                  </td>
                </tr>
              )}
            </tbody>
          </table>
        </div>
      )
    }
  
  export const query = graphql`
    query MyFilesQuery {
      allFile {
        edges {
          node {
            relativePath
            prettySize
            extension
            birthTime(fromNow: true)
          }
        }
      }
    }
  `