Flux - 10 - Display a List of Topics

imgur-client/src/components/main.jsx

@@ -1,11 +1,19 @@
 var React = require('react');
 var Header = require('./header');
+var TopicList = require('./topic-list');
 
 module.exports = React.createClass({
   render: function() {
     return <div>
       <Header />
-      {this.props.children}
+      {this.content()}
     </div>
+  },
+  content: function() {
+    if(this.props.children) {
+      return this.props.children
+    } else {
+      return <TopicList />
+    }
   }
 });

imgur-client/src/components/topic-list.jsx

@@ -0,0 +1,9 @@
+var React = require('react');
+
+module.exports = React.createClass({
+  render: function() {
+    return <div className="list-group">
+      Topic List
+    </div>
+  }
+})