Fix: Kártya típus kezelés javítása és joker kártyák megjelenítése
- Hozzáadva react-toastify a notifyWarning használatához - Javítva a CardEditor fejléc hogy helyesen jelenítse meg az új kártya típusát - Javítva a CardsList 'szerkesztés folyamatban' rész hogy QUESTION/JOKER/LUCK értékeket használjon - Implementálva az automatikus nem megfelelő típusú kártyák törlése új kártya mentésekor - Hozzáadva hibakezelés a kártya mentési logikához - Joker típus címke változtatva 'Szórakozás'-ról 'Joker'-re - Joker kártya szín változtatva citromsárgára (#FFD700) - Docker watch mode volume konfiguráció javítása a hot reload-hoz
This commit is contained in:
GitG0r0
@@ -58,38 +58,55 @@ export default function CardEditor({ card, isCreating, cardType, onSave, onCance
|
||||
|
||||
// Kártya adatok inicializálása
|
||||
useEffect(() => {
|
||||
if (isCreating && cardType) {
|
||||
setCardData(getDefaultCardData(cardType))
|
||||
} else if (card) {
|
||||
setCardData({ ...card })
|
||||
} else {
|
||||
try {
|
||||
if (isCreating && cardType) {
|
||||
const defaultData = getDefaultCardData(cardType)
|
||||
setCardData(defaultData)
|
||||
} else if (card) {
|
||||
setCardData({ ...card })
|
||||
} else {
|
||||
setCardData(null)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Kártya inicializálási hiba:', error)
|
||||
setCardData(null)
|
||||
}
|
||||
}, [card, isCreating, cardType])
|
||||
|
||||
const validateCard = (data) => {
|
||||
if (data.type === 'QUESTION') {
|
||||
if (!data.question && !data.statement) {
|
||||
notifyError("Kérdés vagy állítás megadása kötelező!")
|
||||
try {
|
||||
if (!data || !data.type) {
|
||||
notifyError("Érvénytelen kártya adatok!")
|
||||
return false
|
||||
}
|
||||
if (data.subType === 'quiz' && data.options.some(opt => !opt.trim())) {
|
||||
notifyError("Minden válaszlehetőséget ki kell tölteni!")
|
||||
return false
|
||||
}
|
||||
} else if (data.type === 'JOKER') {
|
||||
if (!data.text || !data.text.trim()) {
|
||||
notifyError("Joker kártya szövege nem lehet üres!")
|
||||
return false
|
||||
}
|
||||
} else if (data.type === 'LUCK') {
|
||||
if (!data.text || !data.text.trim()) {
|
||||
notifyError("Szerencse kártya szövege nem lehet üres!")
|
||||
return false
|
||||
|
||||
if (data.type === 'QUESTION') {
|
||||
if (!data.question && !data.statement) {
|
||||
notifyError("Kérdés vagy állítás megadása kötelező!")
|
||||
return false
|
||||
}
|
||||
if (data.subType === 'quiz' && data.options && data.options.some(opt => !opt.trim())) {
|
||||
notifyError("Minden válaszlehetőséget ki kell tölteni!")
|
||||
return false
|
||||
}
|
||||
} else if (data.type === 'JOKER') {
|
||||
if (!data.text || !data.text.trim()) {
|
||||
notifyError("Joker kártya szövege nem lehet üres!")
|
||||
return false
|
||||
}
|
||||
} else if (data.type === 'LUCK') {
|
||||
if (!data.text || !data.text.trim()) {
|
||||
notifyError("Szerencse kártya szövege nem lehet üres!")
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
return true
|
||||
} catch (error) {
|
||||
console.error('Validálási hiba:', error)
|
||||
notifyError("Hiba történt a kártya ellenőrzése során")
|
||||
return false
|
||||
}
|
||||
|
||||
return true
|
||||
}
|
||||
|
||||
const updateCardData = (updates) => {
|
||||
@@ -97,16 +114,14 @@ export default function CardEditor({ card, isCreating, cardType, onSave, onCance
|
||||
}
|
||||
|
||||
const handleSave = () => {
|
||||
if (!cardData) return
|
||||
if (!cardData) {
|
||||
notifyError("Nincs mentendő kártya adat!")
|
||||
return
|
||||
}
|
||||
|
||||
if (!validateCard(cardData)) return
|
||||
|
||||
try {
|
||||
onSave(cardData)
|
||||
notifySuccess('Kártya sikeresen mentve!')
|
||||
} catch (error) {
|
||||
notifyError('Hiba történt a kártya mentése során: ' + (error?.message || String(error)))
|
||||
}
|
||||
onSave(cardData)
|
||||
}
|
||||
|
||||
// Ha nincs kiválasztott kártya vagy új kártya létrehozás
|
||||
@@ -129,6 +144,29 @@ export default function CardEditor({ card, isCreating, cardType, onSave, onCance
|
||||
|
||||
return (
|
||||
<div className="flex-1 flex flex-col">
|
||||
{/* Type Mismatch Warning */}
|
||||
{cardData?.type && cardType && cardData.type !== cardType && !isCreating && (
|
||||
<div className="bg-[color:var(--color-error)]/10 border-l-4 border-[color:var(--color-error)] px-6 py-4">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="text-[color:var(--color-error)] text-xl">⚠️</div>
|
||||
<div>
|
||||
<div className="text-[color:var(--color-error)] font-semibold">
|
||||
Figyelmeztetés: Nem megfelelő kártya típus
|
||||
</div>
|
||||
<div className="text-[color:var(--color-error)]/80 text-sm">
|
||||
{`Ez egy ${
|
||||
cardData.type === 'QUESTION' ? 'Feladat' :
|
||||
cardData.type === 'JOKER' ? 'Joker' : 'Szerencse'
|
||||
} kártya, de a pakli típusa ${
|
||||
cardType === 'QUESTION' ? 'Feladat' :
|
||||
cardType === 'JOKER' ? 'Joker' : 'Szerencse'
|
||||
}.`}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Header */}
|
||||
<div className="bg-[color:var(--color-surface)] border-b border-[color:var(--color-surface-selected)] px-6 py-4">
|
||||
<div className="flex items-center justify-between">
|
||||
@@ -140,17 +178,10 @@ export default function CardEditor({ card, isCreating, cardType, onSave, onCance
|
||||
</div>
|
||||
<div>
|
||||
<h2 className="text-xl font-bold text-[color:var(--color-text)]">
|
||||
<<<<<<< HEAD
|
||||
{isCreating ? 'Új' : 'Szerkesztés'} {' '}
|
||||
{cardData.type === 'QUESTION' && 'Feladat kártya'}
|
||||
{cardData.type === 'JOKER' && 'Joker kártya'}
|
||||
{cardData.type === 'LUCK' && 'Szerencse kártya'}
|
||||
=======
|
||||
{isCreating ? 'Új' : 'Szerkesztés'} {' '}
|
||||
{cardData.type === 'QUESTION' && 'Feladat kártya'}
|
||||
{cardData.type === 'JOKER' && 'Joker kártya'}
|
||||
{cardData.type === 'LUCK' && 'Szerencse kártya'}
|
||||
>>>>>>> main
|
||||
{(isCreating ? cardType : cardData.type) === 'QUESTION' && 'Feladat kártya'}
|
||||
{(isCreating ? cardType : cardData.type) === 'JOKER' && 'Joker kártya'}
|
||||
{(isCreating ? cardType : cardData.type) === 'LUCK' && 'Szerencse kártya'}
|
||||
</h2>
|
||||
<div className="text-[color:var(--color-text-muted)] text-sm">
|
||||
{cardData.type === 'QUESTION' && cardData.subType && (
|
||||
|
||||
Reference in New Issue
Block a user