From d949587c44e8bce7a139395ca4e2cf5cdf0fe839 Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Wed, 29 Jan 2025 11:34:43 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20Ajustando=20visualiza=C3=A7=C3=A3o=20da?=
 =?UTF-8?q?=20hist=C3=B3ria?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../learning/ExerciseSuggestions.tsx          |  4 +--
 src/pages/student-dashboard/StoryPage.tsx     | 36 ++++++++++---------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/learning/ExerciseSuggestions.tsx b/src/components/learning/ExerciseSuggestions.tsx
index cb59511..6a242e4 100644
--- a/src/components/learning/ExerciseSuggestions.tsx
+++ b/src/components/learning/ExerciseSuggestions.tsx
@@ -85,9 +85,9 @@ export function ExerciseSuggestions({ storyId, storyText, readingMetrics }: Exer
 
   return (
     <div className="mt-8">
-      <h3 className="text-xl font-bold text-gray-900 mb-4">
+      <h2 className="text-2xl font-bold text-gray-900 mb-4 ">
         Exercícios Sugeridos
-      </h3>
+      </h2>
       <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
         {generateExercises().map((exercise) => (
           <button
diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index c8bb89b..b8279e3 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -923,7 +923,24 @@ export function StoryPage() {
           </div>
         </div>
         */}
+
       </div>
+        {/* Depois do StoryMetrics */}
+        {recordings.length > 0 && (
+        <ExerciseSuggestions
+          storyId={story.id}
+          storyText={story.content.pages[currentPage].text}
+          readingMetrics={{
+            difficultWords: getLatestRecording().improvements
+              .filter(imp => imp.includes('palavra'))
+              .map(imp => imp.match(/palavra "([^"]+)"/)?.[1])
+              .filter(Boolean) as string[],
+            errorCount: getLatestRecording().error_count,
+            pauseCount: getLatestRecording().pause_count,
+            fluencyScore: getLatestRecording().fluency_score
+          }}
+        />
+      )}
 
       {/* Dashboard de métricas */}
       {loadingRecordings ? (
@@ -931,7 +948,7 @@ export function StoryPage() {
           <div className="h-48 bg-gray-100 rounded-lg mb-6" />
         </div>
       ) : recordings.length > 0 ? (
-        <div className="space-y-8">
+        <div className="space-y-8 pt-8">
           <h2 className="text-2xl font-bold text-gray-900">Dashboard de Leitura</h2>
           <StoryMetrics 
             data={formatMetricsData(getLatestRecording())}
@@ -1014,22 +1031,7 @@ export function StoryPage() {
         </Dialog.Root>
       </div>
 
-      {/* Depois do StoryMetrics */}
-      {recordings.length > 0 && (
-        <ExerciseSuggestions
-          storyId={story.id}
-          storyText={story.content.pages[currentPage].text}
-          readingMetrics={{
-            difficultWords: getLatestRecording().improvements
-              .filter(imp => imp.includes('palavra'))
-              .map(imp => imp.match(/palavra "([^"]+)"/)?.[1])
-              .filter(Boolean) as string[],
-            errorCount: getLatestRecording().error_count,
-            pauseCount: getLatestRecording().pause_count,
-            fluencyScore: getLatestRecording().fluency_score
-          }}
-        />
-      )}
+
     </div>
   );
 } 
\ No newline at end of file