lucasrcsantana/story-generator
1
0
Fork 0
mirror of https://github.com/lucasrcsantana/story-generator.git synced 2025-12-17 22:07:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: Ajustando visualização da história

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/learning/ExerciseSuggestions.tsx
View File

@ -85,9 +85,9 @@ export function ExerciseSuggestions({ storyId, storyText, readingMetrics }: Exer
return ( return (
<div className="mt-8"> <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 Exercícios Sugeridos
</h3> </h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{generateExercises().map((exercise) => ( {generateExercises().map((exercise) => (
<button <button

36
src/pages/student-dashboard/StoryPage.tsx
View File

@ -923,7 +923,24 @@ export function StoryPage() {
</div> </div>
</div> </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 */} {/* Dashboard de métricas */}
{loadingRecordings ? ( {loadingRecordings ? (
@ -931,7 +948,7 @@ export function StoryPage() {
<div className="h-48 bg-gray-100 rounded-lg mb-6" /> <div className="h-48 bg-gray-100 rounded-lg mb-6" />
</div> </div>
) : recordings.length > 0 ? ( ) : 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> <h2 className="text-2xl font-bold text-gray-900">Dashboard de Leitura</h2>
<StoryMetrics <StoryMetrics
data={formatMetricsData(getLatestRecording())} data={formatMetricsData(getLatestRecording())}
@ -1014,22 +1031,7 @@ export function StoryPage() {
</Dialog.Root> </Dialog.Root>
</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
}}
/>
)}
</div> </div>
); );
} }