\n {label}\n

\n {[1, 2, 3, 4, 5].map(rating => (\n onChange(rating)}\n className={`rating-button ${value === rating ? 'selected' : ''}`}\n >\n {rating}\n \n ))}\n

\n {labels[0]}\n {labels[1]}\n

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

\n {!compact && (\n

💭 Track Daily Symptoms

\n )}\n\n {message && (\n

\n {message.text}\n

\n )}\n\n

\n {/* Date */}\n {!compact && (\n

\n Date\n setFormData(prev => ({ ...prev, date: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n )}\n\n {/* Rating Scales */}\n

\n setFormData(prev => ({ ...prev, mood: value }))}\n labels={['😢 Low', '😊 Great']}\n />\n \n setFormData(prev => ({ ...prev, pain_level: value }))}\n labels={['😌 None', '😣 Severe']}\n />\n \n setFormData(prev => ({ ...prev, energy_level: value }))}\n labels={['😴 Exhausted', '⚡ Energetic']}\n />\n \n setFormData(prev => ({ ...prev, sleep_quality: value }))}\n labels={['😵 Poor', '😴 Excellent']}\n />\n

\n\n {/* Symptoms */}\n

\n \n Symptoms (select all that apply)\n \n

\n {SYMPTOM_OPTIONS.map(symptom => (\n handleSymptomToggle(symptom)}\n >\n {}} // Handled by onClick\n className=\"w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500\"\n />\n {symptom}\n

\n ))}\n

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

\n \n Notes (optional)\n \n setFormData(prev => ({ ...prev, notes: e.target.value }))}\n rows={compact ? 2 : 3}\n placeholder=\"How are you feeling today? Any additional notes...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\"\n />\n

\n\n {/* Submit Button */}\n \n {loading ? 'Saving...' : 'Save Symptoms'}\n \n \n

\n\n {/* Recent Symptoms (only show in non-compact mode) */}\n {!compact && (\n

📊 Recent Entries

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

\n No symptoms tracked yet. Start logging your daily symptoms above.\n

\n ) : (\n

\n {symptoms.slice(0, 7).map(symptom => (\n

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

\n Mood: {symptom.mood}/5\n Pain: {symptom.pain_level}/5\n Energy: {symptom.energy_level}/5\n Sleep: {symptom.sleep_quality}/5\n

\n \n {symptom.symptoms && symptom.symptoms.length > 0 && (\n

\n {symptom.symptoms.map(s => (\n \n {s}\n \n ))}\n

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

\n \"{symptom.notes}\"\n

\n )}\n

\n ))}\n

\n )}\n

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