fix: linked handles

Author: suppermancool

src/shared/containers/timeline-wall/pending-approvals/approval-item/index.jsx

@@ -35,7 +35,13 @@ function ApprovalItem({
               <span styleName="text-date">{moment(event.eventDate).format('MMM DD, YYYY')}</span>
               <div styleName="separator" />
               <img width="24" height="24" src={photoURL} alt="avatar" />
-              <span styleName="text-handle">{event.createdBy}</span>
+              <a
+                href={`${window.origin}/members/${event.createdBy}`}
+                target={`${_.includes(window.origin, 'www') ? '_self' : '_blank'}`}
+                rel="noopener noreferrer"
+                styleName="text-handle"
+              >{event.createdBy}
+              </a>
             </div>
             <span styleName="text-date">Submitted date: {moment(event.submitedDate).format('MMM DD, YYYY')}</span>
           </div>

src/shared/containers/timeline-wall/timeline-events/events/event-item/index.jsx

@@ -84,7 +84,13 @@ function EventItem({
         <div styleName="bottom">
           <div styleName="bottom-left">
             <img width="23" height="23" src={photoURL} alt="avatar" />
-            <span styleName="text-handle">{eventItem.createdBy}</span>
+            <a
+              styleName="text-handle"
+              href={`${window.origin}/members/${eventItem.createdBy}`}
+              target={`${_.includes(window.origin, 'www') ? '_self' : '_blank'}`}
+              rel="noopener noreferrer"
+            >{eventItem.createdBy}
+            </a>
             <span styleName="text-date">&nbsp;&nbsp;•&nbsp;&nbsp;{moment(eventItem.eventDate).format('MMM DD, YYYY')}</span>
           </div>
           {isAdmin ? (