DEV: render-invitee helper

assets/javascripts/discourse/templates/modal/post-event-invitees.hbs

@@ -10,12 +10,7 @@
   <ul class="invitees">
     {{#each invitees as |invitee|}}
       <li class="invitee">
-        <span class="user">
-          {{avatar invitee.user imageSize="medium"}}
-          <span class="username">
-            {{format-username invitee.user.username}}
-          </span>
-        </span>
+        {{render-invitee invitee}}
         {{#if invitee.status}}
           <span class="status {{invitee.status}}">
             {{i18n (concat "event.invitee_status." invitee.status)}}

assets/javascripts/helpers/render-invitee.js.es6

@@ -0,0 +1,21 @@
+import { renderAvatar } from "discourse/helpers/user-avatar";
+import { userPath } from "discourse/lib/url";
+import { htmlHelper } from "discourse-common/lib/helpers";
+import { htmlSafe } from "@ember/template";
+import { formatUsername } from "discourse/lib/utilities";
+
+export default htmlHelper(invitee => {
+  const path = userPath(invitee.user.username);
+  const template = `
+    <a href="${path}" data-user-card="${invitee.user.username}">
+      <span class="user">
+        ${renderAvatar(invitee.user, { imageSize: "medium" })}
+        <span class="username">
+         ${formatUsername(invitee.user.username)}
+        </span>
+      </span>
+    </a>
+  `;
+
+  return htmlSafe(template);
+});