fix recommendations list

1 files changed, 5 insertions, 5 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index b847d618..64759122 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -68,12 +68,12 @@ export default class Thread extends React.Component {
                     </div>
                   </form>
                   {
-                    msg.recomm && (
-                      <div className="msg-recomms">{`Recommended by (${msg.recomm.length}):`}
+                    msg.recommendations && (
+                      <div className="msg-recomms">{`Recommended by (${msg.recommendations.length}): `}
                         {
-                          msg.recomm.map((it, index) => (
-                            <a href="/{{ it }}/">{it}</a>
-                          ))
+                          msg.recommendations.map(it => (
+                            <a href={`/${it}/`}>{it}</a>
+                          )).reduce((prev, curr) => [prev, ', ', curr])
                         }
                       </div>
                     )