\n 🎙️ Voice Notes\n

\n Record, transcribe, and share voice notes with expiration controls\n

\n\n {/* Navigation */}\n {!voiceNoteId && (\n

\n setCurrentView('recorder')}\n className={`px-6 py-2 rounded-md font-medium transition-colors ${\n currentView === 'recorder'\n ? 'bg-blue-600 text-white'\n : 'bg-white text-gray-700 hover:bg-gray-50'\n }`}\n >\n 🎙️ Record\n \n setCurrentView('dashboard')}\n className={`px-6 py-2 rounded-md font-medium transition-colors ${\n currentView === 'dashboard'\n ? 'bg-blue-600 text-white'\n : 'bg-white text-gray-700 hover:bg-gray-50'\n }`}\n >\n 📋 My Notes\n \n

\n )}\n\n

\n {currentView === 'recorder' && !voiceNoteId && (\n setCurrentView('dashboard')} />\n )}\n \n {currentView === 'dashboard' && !voiceNoteId && (\n \n )}\n \n {currentView === 'player' && voiceNoteId && (\n \n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Darkpearlzz/voicemessages/code/frontend/components/App.tsx","extension","actionData","errors"]