almost infinite dumb level ups

levels above 10 are not handled yet!

src/components/BasicNewLevel.tsx

@@ -42,7 +42,7 @@ function BasicNewLevel(props: {
         regiTB.push(0)
     }
     const TBdiff = ujTB.map((x, i) => x - regiTB[i])
-    const isTBincreased = TBdiff.some(x => x > 0)
+    const isTBincreased = TBdiff.length > 0 && TBdiff.some(x => x > 0)
 
     return <>
         <div className='row'>

src/components/MasodlagosErtekek.tsx

@@ -13,8 +13,6 @@ function MasodlagosErtekek(props: MasodlagosErtekekView) {
         </Tooltip>
     );
 
-    console.log(Mentok)
-
     return <>
         <div className='row'>
             <h5 className='col align-self-center'>Másodlagos értékek</h5>

src/domain-models/mentok.ts

@@ -54,7 +54,6 @@ export function ElsodlegesMentok(osztaly: Osztaly) : MentoTipus[] {
 
 export function MentokAlap(osztaly: Osztaly, szint: number = 1) {
     const elsodlegesek = ElsodlegesMentok(osztaly)
-    console.log(elsodlegesek)
     return {
         kitartas: elsodlegesek.includes('kitartas') ? ElsodlegesMento(szint) : MasodlagosMento(szint),
         reflex: elsodlegesek.includes('reflex') ? ElsodlegesMento(szint) : MasodlagosMento(szint),

src/domain-models/tamadas_bonusz.ts

@@ -22,7 +22,7 @@ export function TamadasBonusz(osztaly: Osztaly, szint: number = 1) : number[] {
             base = TamadasBonuszTabla['feles'];
             break;
     }
-    return base[szint-1]
+    return [...base[szint-1]]
 }
 
 export function KozelharciTB(karakter : Pick<KarakterInputs, 'szint' | 'tulajdonsagok' | 'osztaly'>): number[] {

src/pages/CreateCharacter.tsx

@@ -117,12 +117,12 @@ function CreateCharacterPage() {
                     <hr />
                     <MasodlagosErtekek {...CalculateMasodlagosErtekek({...karakter, szint: 1, HProlls: []})} />
 
-                    {karakter.szint > 1 && <BasicNewLevel karakter={{...karakter}} szint={2} key='level-2' changeRolledHP={changeHProllAtSzint(2)} /> }
-
-                    {karakter.szint > 2 && <BasicNewLevel karakter={{...karakter}} szint={3} key='level-3' changeRolledHP={changeHProllAtSzint(3)} /> }
+                    {karakter.HProlls.map((_, i) => (
+                        <BasicNewLevel karakter={{...karakter}} szint={i + 2} key={'level-'+(i+2)} changeRolledHP={changeHProllAtSzint(i+2)} />)
+                    )}
 
                     <div className='d-grid gap-2 m-5'>
-                        {karakter.szint < 3 && <button className='btn btn-dark btn-lg' type='button' onClick={levelUp}>Szintlépés! ⇧</button> }
+                        {karakter.szint < 10 && <button className='btn btn-dark btn-lg' type='button' onClick={levelUp}>Szintlépés! ⇧</button> }
                         {karakter.szint > 1 && <button className='btn btn-dark btn-lg' type='button' onClick={levelDown}>Visszalépés! ⇩</button> }
                     </div>