\n 🌅\n

Good morning!

\n\n {/* Step 1: Mood */}\n {step === \"mood\" && (\n

\n How did you wake up today?\n

\n {[1, 2, 3, 4, 5].map((score) => (\n handleMoodSelect(score)}\n className=\"w-14 h-14 text-2xl rounded-full border-2 border-gray-200 hover:border-blue-400 hover:bg-blue-50 transition-all active:scale-95 flex items-center justify-center\"\n >\n {moodLabels[score - 1]}\n \n ))}\n

\n 1 = low, 5 = great\n

\n \n Mood description\n \n setMoodDescription(e.target.value)}\n placeholder=\"e.g., calm, tired, energized\"\n className=\"w-full px-3 py-2 border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none text-center\"\n />\n

\n setStep(\"overstimulation\")}\n disabled={moodScore === null}\n className=\"w-full bg-blue-500 text-white py-2 rounded-lg font-medium hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors\"\n >\n Continue\n \n

\n )}\n\n {/* Step 2: Overstimulation */}\n {step === \"overstimulation\" && (\n

\n Overstimulation level?\n

\n {[1, 2, 3].map((score) => (\n handleOverstimulationSelect(score)}\n className={`px-6 py-3 rounded-lg border-2 font-medium transition-all active:scale-95 ${\n score === 1\n ? \"border-green-300 hover:bg-green-50 hover:border-green-400\"\n : score === 2\n ? \"border-yellow-300 hover:bg-yellow-50 hover:border-yellow-400\"\n : \"border-red-300 hover:bg-red-50 hover:border-red-400\"\n }`}\n >\n {overstimLabels[score - 1]}\n \n ))}\n

\n setStep(\"time\")}\n className=\"block mx-auto text-sm text-gray-500 hover:text-gray-700 underline\"\n >\n Skip\n \n

\n )}\n\n {/* Step 3: Wake time */}\n {step === \"time\" && (\n

\n When did you wake up?\n

\n setWakeTime(e.target.value)}\n className=\"w-full px-4 py-3 text-lg border-2 border-gray-200 rounded-lg focus:border-blue-400 focus:outline-none text-center\"\n autoFocus\n />\n\n {/* Summary */}\n

\n Mood:\n \n {moodScore !== null ? moodLabels[moodScore - 1] : \"-\"}{\" \"}\n ({moodScore}/5)\n \n

\n {moodDescription && (\n

\n Description:\n {moodDescription}\n

\n )}\n {overstimulationScore !== null && (\n

\n Overstimulation:\n \n {overstimLabels[overstimulationScore - 1]}\n \n

\n )}\n

\n\n {error &&

{error}

}\n\n \n {isSubmitting ? \"Saving...\" : \"Start my day\"}\n \n\n setStep(\"mood\")}\n className=\"block mx-auto text-sm text-gray-500 hover:text-gray-700\"\n >\n ← Back to start\n \n

\n )}\n

\n );\n}\n","deleted","label",[172,173,153],"frontend","components","permalink","https://www.val.town/x/cricks_unmixed4u/activity-log/code/frontend/components/WakeCheckIn.tsx","extension","actionData","errors"]