feat: optional achievement locked icon (#166)

liana-p · Oct 11, 2023 · a02aa54 · a02aa54
1 parent 8bb5710
commit a02aa54
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/narrat/src/components/achievements/achievement-tile.vue b/packages/narrat/src/components/achievements/achievement-tile.vue
@@ -37,9 +37,10 @@ const secretAchievements = getAchievementsConfig().secretAchievements ?? {
 };
 
 const style = computed(() => {
-  const icon = state.value.unlocked
-    ? conf.value.icon
-    : getAchievementsConfig().defaultAchievementIcon;
+  let icon = state.value.unlocked ? conf.value.icon : conf.value.lockedIcon;
+  if (!icon) {
+    icon = getAchievementsConfig().defaultAchievementIcon;
+  }
   return {
     backgroundImage: `url(${getAssetUrl(icon)})`,
   };

diff --git a/packages/narrat/src/config/achievements-config.ts b/packages/narrat/src/config/achievements-config.ts
@@ -2,7 +2,8 @@ import { Static, Type } from '@sinclair/typebox';
 export const AchievementConfigSchema = Type.Object({
   name: Type.String(),
   description: Type.String(),
-  icon: Type.String(),
+  icon: Type.Optional(Type.String()),
+  lockedIcon: Type.Optional(Type.String()),
   secret: Type.Optional(Type.Boolean()),
   category: Type.Optional(Type.String()),
 });