Flux - 19 - React Router Helpers

Author: StephenGrider

imgur-client/sass/header.scss

@@ -0,0 +1,5 @@
+.header {
+  .active {
+    font-weight: 900;
+  }
+}

imgur-client/src/components/header.jsx

@@ -32,7 +32,7 @@ module.exports = React.createClass({
   renderTopics: function() {
     return this.state.topics.slice(0, 4).map(function(topic){
       return <li key={topic.id}>
-        <Link to={"topics/" + topic.id}>
+        <Link activeClassName="active" to={"topics/" + topic.id}>
           {topic.name}
         </Link>
       </li>