From e9005e429fc7aaa1b948d89a2520b8113c6cb760 Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Thu, 6 Feb 2025 21:39:02 -0300
Subject: [PATCH] fix: corrige erro de undefined em NewEssay
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adiciona verificação de segurança para requirements
- Implementa valores padrão para min/max words
- Adiciona renderização condicional para elementos necessários
---
 .../student-dashboard/essays/NewEssay.tsx     | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/pages/student-dashboard/essays/NewEssay.tsx b/src/pages/student-dashboard/essays/NewEssay.tsx
index 297175e..f94fd1d 100644
--- a/src/pages/student-dashboard/essays/NewEssay.tsx
+++ b/src/pages/student-dashboard/essays/NewEssay.tsx
@@ -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>