Fix weird layout problems on TopicPage caused by nested <a> tags

Crazy town: facebook/react#4120 (comment)
jlfwong · Jul 31, 2015 · 292a7d8 · 292a7d8
1 parent 60f3560
commit 292a7d8
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/TopicList.js b/src/components/TopicList.js
@@ -70,16 +70,17 @@ class TopicList {
     const isTutorial = (details &&
                           details.children.some(c => c.kind !== "Topic"))
 
-    const key = `${child.kind}/${child.nodeSlug}`;
-    return <Link to={url} style={topicListItemStyle} key={key}>
-      <h2 style={topicTitleStyle(domainSlug)}>{child.title}</h2>
+    return <div style={topicListItemStyle} key={child.nodeSlug}>
+      <Link to={url} style={topicListItemStyle}>
+        <h2 style={topicTitleStyle(domainSlug)}>{child.title}</h2>
+      </Link>
       {details &&
         <div>
           <div>{details.description}</div>
           {isTutorial &&
             <TutorialNavList tutorialData={details} domainSlug={domainSlug} />}
         </div>}
-    </Link>;
+    </div>;
   }
 
   render() {