HT7.1

src/components/routes/articles.js

@@ -1,13 +1,15 @@
 import React from 'react'
+import { connect } from 'react-redux'
 import { Route } from 'react-router-dom'
 import ArticleList from '../article-list'
 import Article from '../article'
+import { articlesLoadedSelector } from '../../selectors/index'
 
-function ArticlesRoute() {
+function ArticlesRoute({ loadedArticles }) {
   return (
     <div>
       <ArticleList />
-      <Route path="/articles/:id" children={getArticle} />
+      {loadedArticles && <Route path="/articles/:id" children={getArticle} />}
     </div>
   )
 }
@@ -17,4 +19,10 @@ const getArticle = ({ match }) =>
 
 ArticlesRoute.propTypes = {}
 
-export default ArticlesRoute
+function mapStateToProps(state) {
+  return {
+    loadedArticles: articlesLoadedSelector(state)
+  }
+}
+
+export default connect(mapStateToProps)(ArticlesRoute)