From 587879329d72f1d65d250fe770d930ac7d8da58d Mon Sep 17 00:00:00 2001
From: xangelo <me@xangelo.ca>
Date: Fri, 25 Aug 2023 23:23:55 -0400
Subject: [PATCH] feat: display optimal level range for monsters

---
 src/server/views/monster-selector.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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>
 `;
-- 
2.25.1