Upgrade to alpha-2

components/ReadNext.js

@@ -1,37 +1,20 @@
-import React from 'react'
-import { Link } from 'react-router'
-import { prefixLink } from 'gatsby-helpers'
-import { prune, include as includes } from 'underscore.string'
-import find from 'lodash/find'
-import { rhythm, fontSizeToMS } from 'utils/typography'
+const React = require('react')
+const { Link } = require('react-router')
 
-class ReadNext extends React.Component {
+const { rhythm, adjustFontSizeToMSValue } = require('utils/typography')
+
+const Component = React.createClass({
   render () {
-    const { pages, post } = this.props
-    const { readNext } = post
-    let nextPost
-    if (readNext) {
-      nextPost = find(pages, (page) =>
-        includes(page.path, readNext)
-      )
-    }
+    const { nextPost } = this.props
     if (!nextPost) {
-      return React.createElement('noscript', null)
+      return null
     } else {
-      nextPost = find(pages, (page) =>
-        includes(page.path, readNext.slice(1, -1))
-      )
-      // Create pruned version of the body.
-      const html = nextPost.data.body
-      const body = prune(html.replace(/<[^>]*>/g, ''), 200)
-
       return (
         <div>
           <h6
             style={{
+              ...adjustFontSizeToMSValue(-0.5),
               margin: 0,
-              fontSize: fontSizeToMS(-0.5).fontSize,
-              lineHeight: fontSizeToMS(-0.5).lineHeight,
               letterSpacing: -0.25,
             }}
           >
@@ -39,32 +22,32 @@ class ReadNext extends React.Component {
           </h6>
           <h3
             style={{
-              marginTop: 0,
-              marginBottom: rhythm(1/4),
+              margin: 0,
             }}
           >
             <Link
-              to={{
-                pathname: prefixLink(nextPost.path),
-                query: {
-                  readNext: true,
-                },
-              }}
+              to={nextPost.path}
             >
-              {nextPost.data.title}
+              {nextPost.frontmatter.title}
             </Link>
           </h3>
-          <p>{body}</p>
+          <p>{nextPost.excerpt}</p>
           <hr />
         </div>
       )
     }
   }
-}
+})
 
-ReadNext.propTypes = {
-  post: React.PropTypes.object.isRequired,
-  pages: React.PropTypes.array,
-}
+export default Component
+
+export const query = `
+readNext {
+	id
+	excerpt(pruneLength: 200)
+	frontmatter {
+		title
+	}
+}
+`
 
-export default ReadNext