fix: corrige erro de undefined em NewEssay

- Adiciona verificação de segurança para requirements
- Implementa valores padrão para min/max words
- Adiciona renderização condicional para elementos necessários
This commit is contained in:
Lucas Santana 2025-02-06 21:39:02 -03:00
parent b767d60c50
commit e9005e429f

View File

@ -179,19 +179,23 @@ export function NewEssay() {
<div className="bg-purple-50 p-4 rounded-lg border border-purple-100"> <div className="bg-purple-50 p-4 rounded-lg border border-purple-100">
<h4 className="text-sm font-medium text-purple-900 mb-2">Requisitos</h4> <h4 className="text-sm font-medium text-purple-900 mb-2">Requisitos</h4>
<div className="space-y-2 text-sm text-purple-800"> <div className="space-y-2 text-sm text-purple-800">
<p>Mínimo: {genre.requirements.min_words} palavras</p> <p>Mínimo: {genre.requirements?.min_words || 0} palavras</p>
<p>Máximo: {genre.requirements.max_words} palavras</p> <p>Máximo: {genre.requirements?.max_words || 'Sem limite'} palavras</p>
<p className="mt-2 font-medium">Elementos necessários:</p> {genre.requirements?.required_elements && genre.requirements.required_elements.length > 0 && (
<ul className="list-disc list-inside space-y-1"> <>
{genre.requirements.required_elements.map((element, index) => ( <p className="mt-2 font-medium">Elementos necessários:</p>
<li key={index}> <ul className="list-disc list-inside space-y-1">
<AdaptiveText {genre.requirements.required_elements.map((element, index) => (
text={element} <li key={index}>
isUpperCase={isUpperCase} <AdaptiveText
/> text={element}
</li> isUpperCase={isUpperCase}
))} />
</ul> </li>
))}
</ul>
</>
)}
</div> </div>
</div> </div>
</div> </div>