feat: 2e Varazskonyv/tanult varazslatok

frontend/src/second-edition/components/Varazskonyv.tsx

@@ -3,6 +3,22 @@ import {ClassSpells, KarakterVarazslat} from "../domain-models/varazslat";
 import VarazskonyvSzint from "./VarazskonyvSzint";
 import React from "react";
 
+function getTitle(osztaly: Osztaly2E) : string {
+    if (osztaly === Osztaly2E.Varazslo) {
+        return "Varázslói Varázskönyv";
+    }
+    if (osztaly === Osztaly2E.Illuzionista) {
+        return "Illúzionista Varázskönyv";
+    }
+    if (osztaly === Osztaly2E.Dalnok) {
+        return "Dalnok tanult varázslatok";
+    }
+    if (osztaly === Osztaly2E.Vandor) {
+        return "Vándor tanult varázslatok";
+    }
+    return ""
+}
+
 function Varazskonyv(props: { osztaly: Osztaly2E, varazslatok: KarakterVarazslat[] }) {
     const {osztaly, varazslatok} = props;
 
@@ -11,7 +27,7 @@ function Varazskonyv(props: { osztaly: Osztaly2E, varazslatok: KarakterVarazslat
 
     return <>
         <div className='row my-2'>
-            <h4 className='col align-self-center'>{osztaly === Osztaly2E.Varazslo ? "Varázslói" : "Illúzionista"} Varázskönyv</h4>
+            <h4 className='col align-self-center'>{getTitle(osztaly)}</h4>
         </div>
         <VarazskonyvSzint osztaly={osztaly} level={0} varazslatok={varazslatok}/>
         {spells.some(v => v.szint === 0) && <VarazskonyvSzint osztaly={osztaly} level={1} varazslatok={varazslatok}/>}
@@ -22,4 +38,4 @@ function Varazskonyv(props: { osztaly: Osztaly2E, varazslatok: KarakterVarazslat
     </>;
 }
 
-export default Varazskonyv
+export default Varazskonyv

frontend/src/second-edition/components/VarazskonyvSzint.tsx

@@ -28,13 +28,13 @@ function VarazskonyvSzint(props: { osztaly: Osztaly2E, level: number, varazslato
                         selected={v.id}
                         available={[v, ...availableSpells]}
                         dataTestId={`varazskonyv_varazslo_1_${v.id}`}
-                        onChange={(nextId) => dispatch(setVarazslat({prev: v.id, next: nextId}))}
+                        onChange={(next_id) => dispatch(setVarazslat({prev: {id: v.id, osztaly }, next_id: next_id}))}
                     />
                     <div className="col-lg-2 col-md-3 col-sm-4">
                         <button
                             className='btn btn-outline-dark w-100'
                             type='button'
-                            onClick={() => dispatch(removeVarazslat(v.id))}>Elvesz
+                            onClick={() => dispatch(removeVarazslat({id: v.id, osztaly} ))}>Elvesz
                         </button>
                     </div>
                 </div>
@@ -46,7 +46,7 @@ function VarazskonyvSzint(props: { osztaly: Osztaly2E, level: number, varazslato
                 </div>
             </React.Fragment>))}
         {availableSpells.length > 0 && <button className='btn btn-outline-dark ms-2'
-                                               onClick={() => dispatch(addVarazslat(availableSpells[0].id))}>
+                                               onClick={() => dispatch(addVarazslat({id: availableSpells[0].id, osztaly}))}>
             Új varázslat hozzáadása
         </button>}
     </>;

frontend/src/second-edition/components/Varazslatok.tsx

@@ -11,8 +11,10 @@ function Varazslatok() {
     const classLevels = getClassLevels(karakter.szintlepesek)
 
     return <>
-        {classLevels[Osztaly2E.Varazslo] > 0 && <Varazskonyv osztaly={Osztaly2E.Varazslo} varazslatok={karakter.varazslatok} />}
-        {classLevels[Osztaly2E.Illuzionista] > 0 && <Varazskonyv osztaly={Osztaly2E.Illuzionista} varazslatok={karakter.varazslatok} />}
+        {classLevels[Osztaly2E.Varazslo] > 0 && <Varazskonyv osztaly={Osztaly2E.Varazslo} varazslatok={karakter.varazslatok.filter(x => x.osztaly === Osztaly2E.Varazslo)} />}
+        {classLevels[Osztaly2E.Illuzionista] > 0 && <Varazskonyv osztaly={Osztaly2E.Illuzionista} varazslatok={karakter.varazslatok.filter(x => x.osztaly === Osztaly2E.Illuzionista)} />}
+        {classLevels[Osztaly2E.Vandor] > 0 && <Varazskonyv osztaly={Osztaly2E.Vandor} varazslatok={karakter.varazslatok.filter(x => x.osztaly === Osztaly2E.Vandor)} />}
+        {classLevels[Osztaly2E.Dalnok] > 0 && <Varazskonyv osztaly={Osztaly2E.Dalnok} varazslatok={karakter.varazslatok.filter(x => x.osztaly === Osztaly2E.Dalnok)} />}
     </>
 }