Battle: {boss.name}
-{boss.location}
++ {boss.location} +
{bp.pokemon.spriteUrl ? (
- 
+
) : (
)}
@@ -138,7 +158,9 @@ export function BossDefeatModal({ boss, onSubmit, onClose, isPending, hardcoreMo
{!hardcoreMode && (
diff --git a/frontend/src/components/EncounterMethodBadge.tsx b/frontend/src/components/EncounterMethodBadge.tsx
index 46c9340..f436e33 100644
--- a/frontend/src/components/EncounterMethodBadge.tsx
+++ b/frontend/src/components/EncounterMethodBadge.tsx
@@ -69,14 +69,15 @@ export const METHOD_ORDER = [
export function getMethodLabel(method: string): string {
return (
METHOD_CONFIG[method]?.label ??
- method
- .replace(/-/g, ' ')
- .replace(/\b\w/g, (c) => c.toUpperCase())
+ method.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
)
}
export function getMethodColor(method: string): string {
- return METHOD_CONFIG[method]?.color ?? 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300'
+ return (
+ METHOD_CONFIG[method]?.color ??
+ 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300'
+ )
}
export function EncounterMethodBadge({
@@ -88,7 +89,8 @@ export function EncounterMethodBadge({
}) {
const config = METHOD_CONFIG[method]
if (!config) return null
- const sizeClass = size === 'xs' ? 'text-[8px] px-1 py-0' : 'text-[9px] px-1.5 py-0.5'
+ const sizeClass =
+ size === 'xs' ? 'text-[8px] px-1 py-0' : 'text-[9px] px-1.5 py-0.5'
return (
()
for (const rp of pokemon) {
const list = groups.get(rp.encounterMethod) ?? []
@@ -84,7 +89,7 @@ function groupByMethod(pokemon: RouteEncounterDetail[]): { method: string; pokem
function pickRandomPokemon(
pokemon: RouteEncounterDetail[],
- dupedIds?: Set
-
+
r.parentRouteId !== null).map(r => r.parentRouteId))
- const leafRoutes = routes.filter(r => !parentIds.has(r.id))
+ const parentIds = new Set(
+ routes.filter((r) => r.parentRouteId !== null).map((r) => r.parentRouteId)
+ )
+ const leafRoutes = routes.filter((r) => !parentIds.has(r.id))
// Debounced pokemon search
useEffect(() => {
@@ -44,7 +46,9 @@ export function EggEncounterModal({
const timer = setTimeout(async () => {
setIsSearching(true)
try {
- const data = await api.get<{ items: Pokemon[] }>(`/pokemon?search=${encodeURIComponent(search)}&limit=20`)
+ const data = await api.get<{ items: Pokemon[] }>(
+ `/pokemon?search=${encodeURIComponent(search)}&limit=20`
+ )
setSearchResults(data.items)
} catch {
setSearchResults([])
@@ -196,11 +200,13 @@ export function EggEncounterModal({
))}
)}
- {search.length >= 2 && !isSearching && searchResults.length === 0 && (
- - No pokemon found -
- )} + {search.length >= 2 && + !isSearching && + searchResults.length === 0 && ( ++ No pokemon found +
+ )} )}
{pokemon.map((rp) => {
- const isDuped = dupedPokemonIds?.has(rp.pokemonId) ?? false
+ const isDuped =
+ dupedPokemonIds?.has(rp.pokemonId) ?? false
return (
@@ -518,11 +540,7 @@ export function EncounterModal({
onClick={handleSubmit}
className="px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
>
- {isPending
- ? 'Saving...'
- : isEditing
- ? 'Update'
- : 'Log Encounter'}
+ {isPending ? 'Saving...' : isEditing ? 'Update' : 'Log Encounter'}
- Gen:
+
+ Gen:
+
- Region:
+
+ Region:
+
@@ -143,7 +144,9 @@ export function GenlockeGraveyard({ genlockeId }: GenlockeGraveyardProps) {
{form.name[0].toUpperCase()}
@@ -465,7 +497,12 @@ export function StatusChangeModal({
{/* Footer for dead/no-confirm/no-evolve views */}
- {(isDead || (!isDead && !showConfirm && !showEvolve && !showFormChange && !showShedConfirm)) && (
+ {(isDead ||
+ (!isDead &&
+ !showConfirm &&
+ !showEvolve &&
+ !showFormChange &&
+ !showShedConfirm)) && (
+
)
}
diff --git a/frontend/src/components/admin/AdminTable.tsx b/frontend/src/components/admin/AdminTable.tsx
index 5a11e6b..bdce169 100644
--- a/frontend/src/components/admin/AdminTable.tsx
+++ b/frontend/src/components/admin/AdminTable.tsx
@@ -79,7 +79,10 @@ export function AdminTable
@@ -190,7 +212,9 @@ export function BossBattleFormModal({
{games && games.length > 1 && (
-
+
-
+
-
+
(a[0] ?? '').localeCompare(b[0] ?? ''))
+ const remaining = [...map.entries()].sort((a, b) =>
+ (a[0] ?? '').localeCompare(b[0] ?? '')
+ )
for (const [label, pokemon] of remaining) {
variants.push({ label, pokemon })
}
return variants
}
-export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEditorProps) {
- const [variants, setVariants] = useState(() => groupByVariant(boss))
+export function BossTeamEditor({
+ boss,
+ onSave,
+ onClose,
+ isSaving,
+}: BossTeamEditorProps) {
+ const [variants, setVariants] = useState(() =>
+ groupByVariant(boss)
+ )
const [activeTab, setActiveTab] = useState(0)
const [newVariantName, setNewVariantName] = useState('')
const [showAddVariant, setShowAddVariant] = useState(false)
const activeVariant = variants[activeTab] ?? variants[0]
- const updateVariant = (tabIndex: number, updater: (v: Variant) => Variant) => {
+ const updateVariant = (
+ tabIndex: number,
+ updater: (v: Variant) => Variant
+ ) => {
setVariants((prev) => prev.map((v, i) => (i === tabIndex ? updater(v) : v)))
}
const addSlot = () => {
updateVariant(activeTab, (v) => ({
...v,
- pokemon: [...v.pokemon, { pokemonId: null, pokemonName: '', level: '', order: v.pokemon.length + 1 }],
+ pokemon: [
+ ...v.pokemon,
+ {
+ pokemonId: null,
+ pokemonName: '',
+ level: '',
+ order: v.pokemon.length + 1,
+ },
+ ],
}))
}
const removeSlot = (index: number) => {
updateVariant(activeTab, (v) => ({
...v,
- pokemon: v.pokemon.filter((_, i) => i !== index).map((item, i) => ({ ...item, order: i + 1 })),
+ pokemon: v.pokemon
+ .filter((_, i) => i !== index)
+ .map((item, i) => ({ ...item, order: i + 1 })),
}))
}
- const updateSlot = (index: number, field: string, value: number | string | null) => {
+ const updateSlot = (
+ index: number,
+ field: string,
+ value: number | string | null
+ ) => {
updateVariant(activeTab, (v) => ({
...v,
- pokemon: v.pokemon.map((item, i) => (i === index ? { ...item, [field]: value } : item)),
+ pokemon: v.pokemon.map((item, i) =>
+ i === index ? { ...item, [field]: value } : item
+ ),
}))
}
@@ -92,7 +125,13 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
const name = newVariantName.trim()
if (!name) return
if (variants.some((v) => v.label === name)) return
- setVariants((prev) => [...prev, { label: name, pokemon: [{ pokemonId: null, pokemonName: '', level: '', order: 1 }] }])
+ setVariants((prev) => [
+ ...prev,
+ {
+ label: name,
+ pokemon: [{ pokemonId: null, pokemonName: '', level: '', order: 1 }],
+ },
+ ])
setActiveTab(variants.length)
setNewVariantName('')
setShowAddVariant(false)
@@ -109,8 +148,11 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
e.preventDefault()
const allPokemon: BossPokemonInput[] = []
for (const variant of variants) {
- const conditionLabel = variants.length === 1 && variant.label === null ? null : variant.label
- const validPokemon = variant.pokemon.filter((t) => t.pokemonId != null && t.level)
+ const conditionLabel =
+ variants.length === 1 && variant.label === null ? null : variant.label
+ const validPokemon = variant.pokemon.filter(
+ (t) => t.pokemonId != null && t.level
+ )
for (let i = 0; i < validPokemon.length; i++) {
allPokemon.push({
pokemonId: validPokemon[i].pokemonId!,
@@ -147,7 +189,10 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
{v.label ?? 'Default'}
{v.label !== null && (
{ e.stopPropagation(); removeVariant(i) }}
+ onClick={(e) => {
+ e.stopPropagation()
+ removeVariant(i)
+ }}
className="ml-1.5 text-gray-400 hover:text-red-500 cursor-pointer"
title="Remove variant"
>
@@ -171,13 +216,31 @@ export function BossTeamEditor({ boss, onSave, onClose, isSaving }: BossTeamEdit
type="text"
value={newVariantName}
onChange={(e) => setNewVariantName(e.target.value)}
- onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); addVariant() } if (e.key === 'Escape') setShowAddVariant(false) }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') {
+ e.preventDefault()
+ addVariant()
+ }
+ if (e.key === 'Escape') setShowAddVariant(false)
+ }}
placeholder="Variant name..."
className="px-2 py-1 text-sm border rounded dark:bg-gray-700 dark:border-gray-600 w-40"
autoFocus
/>
-
-
+
+
)}
Loading...
- if (!game) return Game not found
+ if (isLoading)
+ return Loading...
+ if (!game)
+ return Game not found
const routes = game.routes ?? []
const routeGroups = organizeRoutes(routes)
const versionGroupGames = (allGames ?? []).filter(
- (g) => g.versionGroupId === game.versionGroupId,
+ (g) => g.versionGroupId === game.versionGroupId
)
const handleDragEnd = (event: DragEndEvent) => {
@@ -347,7 +383,8 @@ export function AdminGameDetail() {
{game.name}
- {game.region.charAt(0).toUpperCase() + game.region.slice(1)} · Gen {game.generation} + {game.region.charAt(0).toUpperCase() + game.region.slice(1)} · + Gen {game.generation} {game.releaseYear ? ` \u00b7 ${game.releaseYear}` : ''}