ArticleListに自動scroll機能追加

browser/main/HomePage.js

@@ -18,12 +18,12 @@ class HomePage extends React.Component {
   componentDidMount () {
     // React自体のKey入力はfocusされていないElementからは動かないため、
     // `window`に直接かける
-    this.listener = (e) => this.handleKeyDown(e)
+    this.keyHandler = e => this.handleKeyDown(e)
-    window.addEventListener('keydown', this.listener)
+    window.addEventListener('keydown', this.keyHandler)
   }
 
   componentWillUnmount () {
-    window.removeEventListener('keydown', this.listener)
+    window.removeEventListener('keydown', this.keyHandler)
   }
 
   handleKeyDown (e) {

browser/main/HomePage/ArticleDetail.js

@@ -33,6 +33,14 @@ export default class ArticleDetail extends React.Component {
     }
   }
 
+  componentDidMount () {
+    this.refreshTimer = setInterval(() => this.forceUpdate(), 60 * 1000)
+  }
+
+  componentWillUnmount () {
+    clearInterval(this.refreshTimer)
+  }
+
   componentDidUpdate (prevProps) {
     let isModeChanged = prevProps.status.mode !== this.props.status.mode
     if (isModeChanged && this.props.status.mode !== IDLE_MODE) {

browser/main/HomePage/ArticleList.js

@@ -1,4 +1,5 @@
 import React, { PropTypes } from 'react'
+import ReactDOM from 'react-dom'
 import ModeIcon from 'boost/components/ModeIcon'
 import moment from 'moment'
 import { switchArticle, NEW } from 'boost/actions'
@@ -15,6 +16,26 @@ export default class ArticleList extends React.Component {
     clearInterval(this.refreshTimer)
   }
 
+  componentDidUpdate () {
+    let { articles, activeArticle } = this.props
+    var index = articles.indexOf(activeArticle)
+    var el = ReactDOM.findDOMNode(this)
+    var li = el.querySelectorAll('.ArticleList>div')[index]
+
+    if (li == null) {
+      return
+    }
+
+    var overflowBelow = el.clientHeight + el.scrollTop < li.offsetTop + li.clientHeight
+    if (overflowBelow) {
+      el.scrollTop = li.offsetTop + li.clientHeight - el.clientHeight
+    }
+    var overflowAbove = el.scrollTop > li.offsetTop
+    if (overflowAbove) {
+      el.scrollTop = li.offsetTop
+    }
+  }
+
   // 移動ができなかったらfalseを返す:
   selectPriorArticle () {
     let { articles, activeArticle, dispatch } = this.props