fix: Ajustando visualização da história

This commit is contained in:
Lucas Santana 2025-01-29 11:34:43 -03:00
parent bc2f120700
commit d949587c44
2 changed files with 21 additions and 19 deletions

View File

@ -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

View File

@ -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>
);
}