\n 📊\n Track Your Mood\n

\n \n

\n {/* Date Selection */}\n

\n Date\n setSelectedDate(e.target.value)}\n max={new Date().toISOString().split('T')[0]}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n {/* Mood Scale */}\n

\n \n Mood: {mood}/10 - {moodLabels[mood as keyof typeof moodLabels]}\n \n

\n setMood(parseInt(e.target.value))}\n className=\"w-full h-2 mood-scale rounded-lg appearance-none cursor-pointer\"\n />\n

\n 😢 Terrible\n 😐 Okay\n 😊 Amazing\n

\n\n {/* Energy Scale */}\n

\n \n Energy: {energy}/10 - {energyLabels[energy as keyof typeof energyLabels]}\n \n setEnergy(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gradient-to-r from-red-400 to-green-400 rounded-lg appearance-none cursor-pointer\"\n />\n

\n 🔋 Exhausted\n ⚡ Buzzing\n

\n\n {/* Anxiety Scale */}\n

\n \n Anxiety: {anxiety}/10 - {anxietyLabels[anxiety as keyof typeof anxietyLabels]}\n \n setAnxiety(parseInt(e.target.value))}\n className=\"w-full h-2 bg-gradient-to-r from-green-400 to-red-400 rounded-lg appearance-none cursor-pointer\"\n />\n

\n 😌 Very Calm\n 😰 Overwhelmed\n

\n\n {/* Activities */}\n

\n Activities\n

\n {activityOptions.map(activity => (\n toggleActivity(activity)}\n className={`px-3 py-2 text-sm rounded-md border transition-colors ${\n activities.includes(activity)\n ? 'bg-blue-500 text-white border-blue-500'\n : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'\n }`}\n >\n {activity}\n \n ))}\n

\n\n {/* Notes */}\n

\n Notes (optional)\n setNotes(e.target.value)}\n placeholder=\"How are you feeling today? What's on your mind?\"\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n \n {isSubmitting ? 'Saving...' : (todayEntry ? 'Update Entry' : 'Save Entry')}\n \n \n

\n\n {/* Recent Entries */}\n

\n 📈\n Recent Entries\n

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

📊

No mood entries yet.

Start tracking your mood to see patterns!

\n ) : (\n

\n {recentMoods.map((entry) => (\n

\n \n {new Date(entry.date).toLocaleDateString()}\n \n

\n \n 😊 {entry.mood}/10\n \n \n ⚡ {entry.energy}/10\n \n \n 😰 {entry.anxiety}/10\n \n

\n \n {entry.activities && entry.activities.length > 0 && (\n

\n {entry.activities.map((activity, idx) => (\n \n {activity}\n \n ))}\n

\n )}\n \n {entry.notes && (\n

{entry.notes}

\n )}\n

\n ))}\n

\n )}\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/andym42/Mind_clinic/code/frontend/components/MoodTracker.tsx","extension","actionData","errors"]