<gocodestuff.com/>

ContactAboutLibraryBlogHome

Blog Preview Roll Component

This is the blog preview component used to make this website.

export default (props) => {
  console.log("props: ", props.postData.edges)
  return (
    <div>
      {/* <p>Total Count: {props.totalCount}</p> */}
      <div className="row">
        {props.postData.edges.map(({ node }) => {
          console.log("preview Roll: ", node)
          return (
            <div className={props.class} style={{ width: props.itemWidth, float: `left` }}>
              <Link
                to={node.fields.slug}
                className="link"
              >
                <div className="post-list">
                  <h3 style={{}}>{node.frontmatter.title}</h3>
                  <h5 style={{}}>{node.frontmatter.date}</h5><br />
                  <p>{node.excerpt}</p>
                </div>
              </Link>
            </div>
          )
        })}

      </div>
    </div>
  )
}