fixed: manejar que minimo haya 3 cartas de etiqueta

This commit is contained in:
Alexis
2026-03-25 09:29:52 +01:00
parent 5ba0fe6711
commit 8106f40d63
2 changed files with 3 additions and 3 deletions
+2 -2
View File
@@ -5,7 +5,7 @@ export default function CardEditor({ index, level, handleLevelChange, handleRemo
error ? 'border-red-400 shadow-red-100' : 'border-slate-200' error ? 'border-red-400 shadow-red-100' : 'border-slate-200'
}`}> }`}>
{/* Botón para eliminar */} {/* Botón para eliminar */}
{totalLevels > 2 && ( {totalLevels > 3 && (
<button <button
onClick={() => handleRemoveLevel(index)} onClick={() => handleRemoveLevel(index)}
className="absolute -top-3 -right-3 w-8 h-8 bg-white text-slate-400 rounded-full border border-slate-200 flex items-center justify-center font-bold hover:bg-red-500 hover:text-white hover:border-red-500 transition-colors z-10 opacity-0 group-hover:opacity-100 shadow-sm" className="absolute -top-3 -right-3 w-8 h-8 bg-white text-slate-400 rounded-full border border-slate-200 flex items-center justify-center font-bold hover:bg-red-500 hover:text-white hover:border-red-500 transition-colors z-10 opacity-0 group-hover:opacity-100 shadow-sm"
@@ -38,7 +38,7 @@ export default function CardEditor({ index, level, handleLevelChange, handleRemo
</p> </p>
)} )}
</div> </div>
</div> </div>
); );
} }
+1 -1
View File
@@ -81,7 +81,7 @@ export default function BasicMode() {
}; };
const handleRemoveLevel = (indexToRemove) => { const handleRemoveLevel = (indexToRemove) => {
if (levels.length <= 2) return; if (levels.length <= 3) return;
const newLevels = levels.filter((_, index) => index !== indexToRemove); const newLevels = levels.filter((_, index) => index !== indexToRemove);
const blankIndexToRemove = indexToRemove === 0 ? 0 : indexToRemove - 1; const blankIndexToRemove = indexToRemove === 0 ? 0 : indexToRemove - 1;
const newBlankCards = blankCards.filter((_, index) => index !== blankIndexToRemove); const newBlankCards = blankCards.filter((_, index) => index !== blankIndexToRemove);