diff --git a/res/ui/icons/notification_achievement.png b/res/ui/icons/notification_achievement.png new file mode 100644 index 00000000..df96bf01 Binary files /dev/null and b/res/ui/icons/notification_achievement.png differ diff --git a/src/css/resources.scss b/src/css/resources.scss index 976f4fad..37842c80 100644 --- a/src/css/resources.scss +++ b/src/css/resources.scss @@ -58,7 +58,7 @@ $buildingsAndVariants: belt, balancer, underground_belt, underground_belt-tier2, background-image: uiResource("res/ui/building_tutorials/virtual_processor-cutter.png") !important; } -$icons: notification_saved, notification_success, notification_upgrade; +$icons: notification_saved, notification_success, notification_upgrade, notification_achievement; @each $icon in $icons { [data-icon="icons/#{$icon}.png"] { /* @load-async */ diff --git a/src/js/game/hud/parts/notifications.js b/src/js/game/hud/parts/notifications.js index bef8dd0f..881c4c10 100644 --- a/src/js/game/hud/parts/notifications.js +++ b/src/js/game/hud/parts/notifications.js @@ -7,6 +7,7 @@ export const enumNotificationType = { saved: "saved", upgrade: "upgrade", success: "success", + achievement: "achievement", }; const notificationDuration = 3; @@ -26,6 +27,10 @@ export class HUDNotifications extends BaseHUDPart { this.root.signals.gameSaved.add(() => this.onNotification(T.ingame.notifications.gameSaved, enumNotificationType.saved) ); + + this.root.signals.achievementCompleted.add(key => + this.onNotification(T.achievements[key].title, enumNotificationType.achievement) + ); } /**