Allow HTML tag in notification msg

topcoder-platform/community-app#4122

Author: luizrrodrigues

dist/dev/index.js

@@ -53,7 +53,12 @@ const Item = ({ item, auth, onDismiss, markNotificationAsRead, isLink }) =>
   >
     <Fragment>
       <div className={styles.left}>
-        <p className={styles['txt']}>{item.contents}</p>
+        <p
+          className={styles['txt']}
+          dangerouslySetInnerHTML={{ // eslint-disable-line react/no-danger
+            __html: item.contents || ''
+          }}
+        />
         <span className={styles['time-txt']}>{moment(item.date).fromNow()}</span>
       </div>
       <div className={styles.right}>

dist/prod/index.js

@@ -149,6 +149,11 @@
         text-align: center;
         margin: 15px auto 25px auto;
       }
+      a {
+        color: #0D61BF;
+        text-decoration: underline;
+        cursor: pointer;
+      }
     }
     .light-bar {
       background-color: $green-light;