From: xangelo <me@xangelo.ca>
Date: Sat, 26 Aug 2023 03:23:55 +0000 (-0400)
Subject: feat: display optimal level range for monsters
X-Git-Tag: v0.3.0~4
X-Git-Url: https://git.xangelo.ca/?a=commitdiff_plain;h=587879329d72f1d65d250fe770d930ac7d8da58d;p=risinglegends.git

feat: display optimal level range for monsters
---

diff --git a/src/server/views/monster-selector.ts b/src/server/views/monster-selector.ts
index 24140c6..58c8665 100644
--- a/src/server/views/monster-selector.ts
+++ b/src/server/views/monster-selector.ts
@@ -1,3 +1,4 @@
+import { max } from "lodash";
 import { LocationWithCity } from "../../shared/map";
 import { Monster, MonsterForFight } from "../../shared/monsters";
 
@@ -21,7 +22,8 @@ export function renderMonsterSelector(monsters: Monster[] | MonsterForFight[], a
   <input type="hidden" name="fightTrigger" value="explore">
   <select id="monsterId" name="monsterId">
   ${monsters.map((monster: (Monster | MonsterForFight)) => {
-      return `<option value="${monster.id}" ${monster.id === activeMonsterId ? 'selected': ''}>${monster.name}</option>`;
+      const range = [monster.level, monster.level + 3];
+      return `<option value="${monster.id}" ${monster.id === activeMonsterId ? 'selected': ''}>${monster.name} (${range[0]} - ${range[1]})</option>`;
   }).join("\n")}
   </select> <button type="submit" class="red">Fight</button></form></div>
 `;