UX: localize avatar flair title

assets/javascripts/discourse/widgets/discourse-post-event-invitee.js.es6

@@ -50,7 +50,9 @@ export default createWidget("discourse-post-event-invitee", {
     if (statusIcon) {
       avatarContent.push(
         this.attach("avatar-flair", {
-          primary_group_name: `status-${attrs.invitee.status}`,
+          primary_group_name: I18n.t(
+            `discourse_post_event.models.invitee.status.${attrs.invitee.status}`
+          ),
           primary_group_flair_url: statusIcon
         })
       );

assets/stylesheets/common/discourse-post-event.scss

@@ -223,6 +223,18 @@
         &.status-interested {
           opacity: 1;
         }
+
+        &.status-going .avatar-flair {
+          color: $success;
+        }
+
+        &.status-not_going .avatar-flair {
+          color: $danger;
+        }
+
+        &.status-interested .avatar-flair {
+          color: $tertiary;
+        }
       }
 
       .topic-invitee-avatar {
@@ -243,18 +255,6 @@
           color: $primary-medium;
           border: 1px solid $primary-low;
 
-          &.avatar-flair-status-going {
-            color: $success;
-          }
-
-          &.avatar-flair-status-not_going {
-            color: $danger;
-          }
-
-          &.avatar-flair-status-interested {
-            color: $tertiary;
-          }
-
           .d-icon {
             font-size: $font-down-3;
           }