refactor to use redux WIP

just pushing to save data

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

@@ -1,25 +1,30 @@
 import React from "react";
 import {GetFegyver} from "../domain-models/felszereles";
-import FegyverSelector from "./FegyverSelector";
+import FegyverSelector from "../display-components/FegyverSelector";
 import {AllowedFegyver} from "../domain-models/allowed-fegyver";
 import {Osztaly2E} from "../domain-models/osztaly2E";
+import {useDispatch, useSelector} from "react-redux";
+import {AppDispatch, RootState} from "../../store";
+import {characterSelector, setHarcosSpecialization} from "../domain-models/characterSlice";
 
 function HarcosFegyverSpecializacio(props: {
-    specialization: string,
-    existingSpecializations: (string | undefined)[],
-    changeSpecialization: (specialization: string) => void
     szint: number
 }) {
     const {
-        specialization,
-        existingSpecializations,
-        changeSpecialization,
         szint
     } = props
+
+    const dispatch = useDispatch.withTypes<AppDispatch>()()
+    const character = useSelector.withTypes<RootState>()(characterSelector)
+    const specialization = character.szintlepesek[szint-1].harcosFegyver || 'kard_hosszu'
+    const existingSpecializations = character.szintlepesek.filter(x => x.harcosFegyver != null).map(x => x.harcosFegyver! as string)
+    const changeSpecialization = (specialization: string) => dispatch(setHarcosSpecialization({szint, fegyver: specialization}))
+
     const fegyver = GetFegyver(specialization)
     const availableFegyverek = AllowedFegyver(Osztaly2E.Harcos)
     const pickableFegyverek = availableFegyverek.filter(f => f.Id === specialization || existingSpecializations.filter(x => x === f.Id).length < (szint < 9 ? 1 : 2))
 
+
     return <>
         <div className='row m-2'>
             <label className='col-md-2 col-sm-3 col-form-label' >Fegyver specializáció</label>