Link Feature added to definition

Author: zonayedpca

src/App.css

@@ -200,6 +200,10 @@ pre.code {
   padding: 5px;
 }
 
+.single-item .def a {
+  color: #000;
+}
+
 .single-item .code,
 .single-item p {
   margin-bottom: 0;
@@ -424,4 +428,4 @@ footer ul li a {
   .footer-area {
     visibility: hidden !important;
   }
-}
+}

src/components/Content.js

@@ -63,10 +63,10 @@ class Content extends Component {
                   <ul className="single-item">
                   {items ? items.map(({definition, code}, index) => (
                     <li key={index} className="item">
-                      {definition && <p className="def">{definition}</p>}
-                      <pre className="code">
+                      {definition && <p className="def" dangerouslySetInnerHTML={{__html: definition}} />}
+                      {code && <pre className="code">
                         <code>{code}</code>
-                      </pre>
+                      </pre>}
                     </li>
                   )) : <pre className="code">
                           <code>{onlyCode}</code>