Ranking: Linked twitter characters to their detail-pages

Rostlab · Apr 8, 2016 · 2739fea · 2739fea
1 parent 432dcd2
commit 2739fea
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/app/components/public/Ranking/Ranking.jsx b/app/components/public/Ranking/Ranking.jsx
@@ -68,23 +68,31 @@ export default class Ranking extends Component {
                             <div className="ranking-field">
                                 <h2 className="text-center ranking-title">Twitter top 5 loved</h2>
                                 <ul>
-                                {
-                                    this.state.twitterTopSentiments.map((char) => {
-                                        return <li>{char.name}</li>;
-                                    })
-                                }
+                                    {
+                                        this.state.twitterTopSentiments.map((char) => {
+                                            return <li>
+                                                <h4><Link to={'/characters/' + char.name}>
+                                                    {char.name}
+                                                </Link></h4>
+                                            </li>;
+                                        })
+                                    }
                                 </ul>
                             </div>
                         </Col>
                         <Col xs={12} sm={6}>
                             <div className="ranking-field">
                                 <h2 className="text-center ranking-title">Twitter top 5 hated</h2>
                                 <ul>
-                                {
-                                    this.state.twitterFlopSentiments.map((char) => {
-                                        return <li>{char.name}</li>;
-                                    })
-                                }
+                                    {
+                                        this.state.twitterFlopSentiments.map((char) => {
+                                            return <li>
+                                                <h4><Link to={'/characters/' + char.name}>
+                                                    {char.name}
+                                                </Link></h4>
+                                            </li>;
+                                        })
+                                    }
                                 </ul>
                             </div>
                         </Col>