From 3701e692f16e03181d34d62e818772f64cfd84e8 Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Mon, 23 Dec 2024 07:33:22 -0300
Subject: [PATCH] fix: adiciona optional chaining para prevenir erros de
 undefined
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Corrige acesso a propriedades undefined em story.content.pages
- Adiciona verificações de segurança com optional chaining (?.)
- Implementa fallback para texto quando conteúdo não está disponível
- Previne erros de runtime em:
  - StudentDashboardPage
  - StudentStoriesPage
  - StoryPage

Resolves: #BUG-789
---
 src/pages/student-dashboard/StoryPage.tsx            | 4 ++--
 src/pages/student-dashboard/StudentDashboardPage.tsx | 2 +-
 src/pages/student-dashboard/StudentStoriesPage.tsx   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index ac6ea6b..a92b71b 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -334,7 +334,7 @@ export function StoryPage() {
 
       <div className="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
         {/* Imagem da página atual */}
-        {story.content.pages[currentPage].image && (
+        {story.content?.pages?.[currentPage]?.image && (
           <div className="relative aspect-video">
             <img
               src={story.content.pages[currentPage].image}
@@ -349,7 +349,7 @@ export function StoryPage() {
           
           {/* Texto da página atual */}
           <p className="text-lg text-gray-700 mb-8">
-            {story.content.pages[currentPage].text}
+            {story.content?.pages?.[currentPage]?.text || 'Carregando...'}
           </p>
 
           {/* Gravador de áudio */}
diff --git a/src/pages/student-dashboard/StudentDashboardPage.tsx b/src/pages/student-dashboard/StudentDashboardPage.tsx
index 0e5b604..4a6972a 100644
--- a/src/pages/student-dashboard/StudentDashboardPage.tsx
+++ b/src/pages/student-dashboard/StudentDashboardPage.tsx
@@ -231,7 +231,7 @@ export function StudentDashboardPage() {
                 className="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden cursor-pointer hover:shadow-md transition"
                 onClick={() => navigate(`/aluno/historias/${story.id}`)}
               >
-                {story.content.pages[0].image && (
+                {story.content?.pages?.[0]?.image && (
                   <img
                     src={story.content.pages[0].image}
                     alt={story.title}
diff --git a/src/pages/student-dashboard/StudentStoriesPage.tsx b/src/pages/student-dashboard/StudentStoriesPage.tsx
index b952859..897262c 100644
--- a/src/pages/student-dashboard/StudentStoriesPage.tsx
+++ b/src/pages/student-dashboard/StudentStoriesPage.tsx
@@ -197,7 +197,7 @@ export function StudentStoriesPage() {
                 className="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden cursor-pointer hover:shadow-md transition"
                 onClick={() => navigate(`/aluno/historias/${story.id}`)}
               >
-                {story.content.pages[0].image && (
+                {story.content?.pages?.[0]?.image && (
                   <img
                     src={story.content.pages[0].image}
                     alt={story.title}