Update dependencies, use .js file extensions

components/ReadNext.jsx

@@ -1,67 +0,0 @@
-import React from 'react'
-import { Link } from 'react-router'
-import { prune, include as includes } from 'underscore.string'
-import find from 'lodash/find'
-import { rhythm, fontSizeToMS } from 'utils/typography'
-
-class ReadNext extends React.Component {
-  render () {
-    const readNext = this.props.post.readNext
-    let nextPost
-    if (readNext) {
-      nextPost = find(this.props.pages, (page) =>
-        includes(page.path, readNext)
-      )
-    }
-    if (!nextPost) {
-      return React.createElement('noscript', null)
-    } else {
-      nextPost = find(this.props.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={{
-              margin: 0,
-              fontSize: fontSizeToMS(-1).fontSize,
-              lineHeight: fontSizeToMS(-1).lineHeight,
-              letterSpacing: -0.5,
-            }}
-          >
-            READ THIS NEXT:
-          </h6>
-          <h3
-            style={{
-              marginBottom: rhythm(1/4),
-            }}
-          >
-            <Link
-              to={{
-                pathname: nextPost.path,
-                query: {
-                  readNext: true,
-                },
-              }}
-            >
-              {nextPost.data.title}
-            </Link>
-          </h3>
-          <p>{body}</p>
-          <hr />
-        </div>
-      )
-    }
-  }
-}
-
-ReadNext.propTypes = {
-  post: React.PropTypes.object.isRequired,
-  pages: React.PropTypes.array,
-}
-
-export default ReadNext