From 6c2e386e6661c6ce463a2880867fe1cf8ffd98b9 Mon Sep 17 00:00:00 2001
From: stephen grider <ste.grider@gmail.com>
Date: Sun, 5 Jul 2015 14:01:49 -0700
Subject: [PATCH] Flux - 16 - Routing with Parameters

---
 imgur-client/src/components/topic-list.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/imgur-client/src/components/topic-list.jsx b/imgur-client/src/components/topic-list.jsx
index dd86dd2..1b68253 100644
--- a/imgur-client/src/components/topic-list.jsx
+++ b/imgur-client/src/components/topic-list.jsx
@@ -2,6 +2,8 @@ var React = require('react');
 var Reflux = require('reflux');
 var TopicStore = require('../stores/topic-store');
 var Actions = require('../actions');
+var ReactRouter = require('react-router');
+var Link = ReactRouter.Link;
 
 module.exports = React.createClass({
   mixins: [
@@ -23,9 +25,10 @@ module.exports = React.createClass({
   },
   renderTopics: function() {
     return this.state.topics.map(function(topic){
-      return <li>
-        {topic}
-      </li>
+      return <Link to={"topics/" + topic.id} className="list-group-item" key={topic.id}>
+        <h4>{topic.name}</h4>
+        <p>{topic.description}</p>
+      </Link>
     });
   },
   onChange: function(event, topics) {