diff --git a/assets/javascripts/discourse/widgets/discourse-post-event-invitee.js.es6 b/assets/javascripts/discourse/widgets/discourse-post-event-invitee.js.es6 index e490610a..fc1ffa92 100644 --- a/assets/javascripts/discourse/widgets/discourse-post-event-invitee.js.es6 +++ b/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 }) ); diff --git a/assets/stylesheets/common/discourse-post-event.scss b/assets/stylesheets/common/discourse-post-event.scss index 46166c85..7e5408c5 100644 --- a/assets/stylesheets/common/discourse-post-event.scss +++ b/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; }