⏳

\n Loading Your Voice Notes...\n

\n );\n }\n\n if (error) {\n return (\n

❌

\n Error\n

{error}

\n \n Try Again\n \n

\n );\n }\n\n return (\n

\n 📋 Your Voice Notes\n

\n \n Refresh\n \n

\n\n {voiceNotes.length === 0 ? (\n

🎙️

\n No Voice Notes Yet\n

\n Create your first voice note to see it here!\n

\n ) : (\n

\n {voiceNotes.map((voiceNote) => {\n const statusInfo = getStatusInfo(voiceNote);\n \n return (\n \n

\n {voiceNote.title || 'Untitled Voice Note'}\n

\n Created {formatDate(voiceNote.createdAt)} • {formatDuration(voiceNote.duration)}\n

\n \n \n {statusInfo.icon} {statusInfo.text}\n \n

\n\n {voiceNote.transcription && (\n

\n {voiceNote.transcription}\n

\n )}\n\n

\n 👂 {voiceNote.currentListens} listen{voiceNote.currentListens !== 1 ? 's' : ''}\n {voiceNote.maxListens && (\n 📊 {voiceNote.maxListens} max\n )}\n {voiceNote.expiresAt && (\n ⏰ Expires {formatDate(voiceNote.expiresAt)}\n )}\n

\n \n

\n window.open(`/note/${voiceNote.id}`, '_blank')}\n className=\"px-3 py-1 bg-blue-100 text-blue-700 rounded hover:bg-blue-200\"\n >\n View\n \n copyShareUrl(voiceNote.id)}\n className=\"px-3 py-1 bg-green-100 text-green-700 rounded hover:bg-green-200\"\n >\n Share\n \n deleteVoiceNote(voiceNote.id)}\n className=\"px-3 py-1 bg-red-100 text-red-700 rounded hover:bg-red-200\"\n >\n Delete\n \n

\n );\n })}\n

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