From 94835a427b56cb705da96c0006ef3996123628bd Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Sun, 26 Jan 2025 12:55:09 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20Mudando=20o=20bot=C3=A3o=20de=20grava?=
 =?UTF-8?q?=C3=A7=C3=A3o=20de=20lugar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/story/AudioRecorder.tsx    |  2 +-
 src/pages/student-dashboard/StoryPage.tsx | 88 +++++++++++------------
 2 files changed, 41 insertions(+), 49 deletions(-)

diff --git a/src/components/story/AudioRecorder.tsx b/src/components/story/AudioRecorder.tsx
index a92da7b..c0330d2 100644
--- a/src/components/story/AudioRecorder.tsx
+++ b/src/components/story/AudioRecorder.tsx
@@ -174,7 +174,7 @@ export function AudioRecorder({
 
   return (
     <div className={cn(
-      "p-4 bg-white rounded-lg shadow",
+      "",
       focusModeActive && "bg-purple-50"
     )}>
       <div className="flex items-center gap-4 mb-4">
diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index 7c050a9..c8bb89b 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -768,21 +768,43 @@ export function StoryPage() {
               </>
             )}
           </button>
-          
-          <TextCaseToggle
-            isUpperCase={isUpperCase}
-            onToggle={toggleUppercase}
-            isLoading={isLoading}
+
+          <AudioRecorder
+            storyId={id || ''}
+            studentId={session?.user?.id || ''}
+            onAudioUploaded={(audioUrl) => {
+              const newRecording: StoryRecording = {
+                id: crypto.randomUUID(),
+                audio_url: audioUrl,
+                created_at: new Date().toISOString(),
+                processed_at: null,
+                fluency_score: 0,
+                pronunciation_score: 0,
+                accuracy_score: 0,
+                comprehension_score: 0,
+                words_per_minute: 0,
+                pause_count: 0,
+                error_count: 0,
+                self_corrections: 0,
+                strengths: [],
+                improvements: [],
+                suggestions: '',
+                transcription: ''
+              };
+              setRecordings(prev => [newRecording, ...prev]);
+              
+              if (focusMode.isActive) {
+                handleFocusModeToggle();
+              }
+            }}
+            onRecordingStart={handleRecordingStart}
+            onRecordingStop={handleRecordingStop}
+            focusModeActive={focusMode.isActive}
+            onFocusModeToggle={handleFocusModeToggle}
           />
-          <button
-            onClick={toggleSyllables}
-            className="flex items-center gap-2 px-3 py-1.5 rounded-lg transition-colors text-gray-600 hover:text-gray-900 hover:bg-gray-100 border border-gray-200"
-          >
-            <Type className="h-4 w-4" />
-            <span className="text-sm font-medium">
-              {isSyllablesEnabled ? 'Desativar Sílabas' : 'Ativar Sílabas'}
-            </span>
-          </button>
+          
+          
+        {/*
           <button
             onClick={handleShare}
             className="flex items-center gap-2 px-4 py-2 text-gray-600 hover:text-gray-900"
@@ -790,6 +812,8 @@ export function StoryPage() {
             <Share2 className="h-5 w-5" />
             Compartilhar
           </button>
+        */}
+
         </div>
       </div>
 
@@ -890,47 +914,15 @@ export function StoryPage() {
         )}
 
         {/* 6. Controle de Gravação */}
+        {/* 
         <div>
           <div className="flex items-center justify-between">
             <h2 className="text-lg font-semibold text-gray-900">
               {focusMode.isActive ? "Modo Foco Ativado" : "Gravação de Áudio"}
             </h2>
-            <AudioRecorder
-              storyId={story.id}
-              studentId={session?.user?.id || ''}
-              onAudioUploaded={(audioUrl) => {
-                const newRecording: StoryRecording = {
-                  id: crypto.randomUUID(),
-                  audio_url: audioUrl,
-                  created_at: new Date().toISOString(),
-                  processed_at: null,
-                  fluency_score: 0,
-                  pronunciation_score: 0,
-                  accuracy_score: 0,
-                  comprehension_score: 0,
-                  words_per_minute: 0,
-                  pause_count: 0,
-                  error_count: 0,
-                  self_corrections: 0,
-                  strengths: [],
-                  improvements: [],
-                  suggestions: '',
-                  transcription: ''
-                };
-                setRecordings(prev => [newRecording, ...prev]);
-                
-                // Desativar modo foco após finalizar gravação
-                if (focusMode.isActive) {
-                  handleFocusModeToggle();
-                }
-              }}
-              onRecordingStart={handleRecordingStart}
-              onRecordingStop={handleRecordingStop}
-              focusModeActive={focusMode.isActive}
-              onFocusModeToggle={handleFocusModeToggle}
-            />
           </div>
         </div>
+        */}
       </div>
 
       {/* Dashboard de métricas */}