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">
<h4 className="text-sm font-medium text-purple-900 mb-2">Requisitos</h4>
<div className="space-y-2 text-sm text-purple-800">
<p>Mínimo: {genre.requirements.min_words} palavras</p>
<p>Máximo: {genre.requirements.max_words} palavras</p>
<p className="mt-2 font-medium">Elementos necessários:</p>
<ul className="list-disc list-inside space-y-1">
{genre.requirements.required_elements.map((element, index) => (
<li key={index}>
<AdaptiveText
text={element}
isUpperCase={isUpperCase}
/>
</li>
))}
</ul>
<p>Mínimo: {genre.requirements?.min_words || 0} palavras</p>
<p>Máximo: {genre.requirements?.max_words || 'Sem limite'} palavras</p>
{genre.requirements?.required_elements && genre.requirements.required_elements.length > 0 && (
<>
<p className="mt-2 font-medium">Elementos necessários:</p>
<ul className="list-disc list-inside space-y-1">
{genre.requirements.required_elements.map((element, index) => (
<li key={index}>
<AdaptiveText
text={element}
isUpperCase={isUpperCase}
/>
</li>
))}
</ul>
</>
)}
</div>
</div>
</div>