feat: display optimal level range for monsters

diff --git a/src/server/views/monster-selector.ts b/src/server/views/monster-selector.ts
index 24140c6c9b75de1c7dd06568ee8cbc32746e7821..58c8665f480da4a72dd6c6338fc92da04b698434 100644 (file)
--- 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>
 `;