Fix Markdown links not working properly

CHANGELOG.md

@@ -7,6 +7,7 @@ All notable changes to this project will be documented in this file.
 **Fixed**
 
 * Fix color of hoshi points not being themed
+* Fix Markdown links not working properly
 
 **Changed**
 

src/components/ContentDisplay.js

@@ -78,18 +78,22 @@ class ContentDisplay extends Component {
         }
     }
 
-    render({tag, content}) {
-        return h(tag, Object.assign({
-            ref: el => this.element = el,
-            dangerouslySetInnerHTML: {
-                __html: htmlify(
-                    content
-                    .replace(/&/g, '&')
-                    .replace(/</g, '&lt;')
-                    .replace(/>/g, '&gt;')
-                )
-            }
-        }, this.props))
+    render({tag, content, children}) {
+        return content != null
+            ? h(tag, Object.assign({
+                ref: el => this.element = el,
+                dangerouslySetInnerHTML: {
+                    __html: htmlify(
+                        content
+                        .replace(/&/g, '&amp;')
+                        .replace(/</g, '&lt;')
+                        .replace(/>/g, '&gt;')
+                    )
+                }
+            }, this.props))
+            : h(tag, Object.assign({
+                ref: el => this.element = el
+            }, this.props), children)
     }
 }
 

src/components/MarkdownContentDisplay.js

@@ -39,10 +39,10 @@ function Paragraph({children}) {
 }
 
 function Link({href, title, children}) {
-    if (href.match(/^((ht|f)tps?:\/\/|mailto:)/) == null) 
+    if (href.match(/^((ht|f)tps?:\/\/|mailto:)/) == null)
         return h('span', {}, typographer(children))
 
-    return h('a', {class: 'external', href, title}, typographer(children))
+    return h(ContentDisplay, {}, h('a', {class: 'external', href, title}, typographer(children)))
 }
 
 function Image({src, alt}) {