fixed: manejar que minimo haya 3 cartas de etiqueta
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user