New Entry for Today

\n\n {/* Time Inputs */}\n

\n Start Time\n setStartTime(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\"\n required\n />\n {lastEndTime && (\n setStartTime(lastEndTime)}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use last end ({lastEndTime})\n \n )}\n

\n End Time\n setEndTime(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\"\n required\n />\n setEndTime(getCurrentTimeString())}\n className=\"text-xs text-blue-500 hover:text-blue-700 mt-1\"\n >\n Use now ({getCurrentTimeString()})\n \n

\n\n {/* Content Fields */}\n

\n Mood Score (1-5)\n

\n {[1, 2, 3, 4, 5].map((score) => (\n setMoodWithScore(String(score))}\n className={`flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all ${\n moodWithScore === String(score)\n ? \"bg-blue-500 text-white border-blue-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-blue-300 active:bg-blue-100 active:scale-95\"\n }`}\n >\n {score}\n \n ))}\n

\n Mood description\n setShowMoodHelper(!showMoodHelper)}\n className=\"text-xs text-blue-500 hover:text-blue-700\"\n >\n {showMoodHelper ? \"Hide helper\" : \"Help me describe this\"}\n \n

\n setMoodDescription(e.target.value)}\n placeholder=\"e.g., calm, tired, energized\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n {showMoodHelper && (\n

Tap words to add them

\n {/* 2×2 grid: rows = energy, cols = pleasantness */}\n

\n {/* High energy row */}\n

High energy / Unpleasant

\n {highEnergyUnpleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-red-100 text-red-700 rounded-full hover:bg-red-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

High energy / Pleasant

\n {highEnergyPleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-green-100 text-green-700 rounded-full hover:bg-green-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

\n {/* Low energy row */}\n

Low energy / Unpleasant

\n {lowEnergyUnpleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

Low energy / Pleasant

\n {lowEnergyPleasant.map((word) => (\n {\n setMoodDescription((prev) =>\n prev ? `${prev}, ${word}` : word\n );\n }}\n className=\"px-2 py-1 text-xs bg-teal-100 text-teal-700 rounded-full hover:bg-teal-200 active:scale-95 transition-all\"\n >\n {word}\n \n ))}\n

\n setShowMoodHelper(false)}\n className=\"text-xs text-gray-500 hover:text-gray-700\"\n >\n Done\n \n

\n )}\n

\n Overstimulation (1-3)\n

\n {[1, 2, 3].map((level) => (\n setOverstimulationLevel(String(level))}\n className={`flex-1 min-h-[44px] py-3 text-lg font-semibold rounded-lg border-2 transition-all ${\n overstimulationLevel === String(level)\n ? \"bg-orange-500 text-white border-orange-500 scale-105\"\n : \"bg-white text-gray-700 border-gray-300 hover:border-orange-300 active:bg-orange-100 active:scale-95\"\n }`}\n >\n {level}\n \n ))}\n

\n Must Activity\n setMustActivity(e.target.value)}\n placeholder=\"e.g., Work meeting, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n Pleasant/Relaxing Activity\n setPleasantActivity(e.target.value)}\n placeholder=\"e.g., Reading, or -\"\n className=\"w-full px-2 py-1 border rounded\"\n />\n

\n\n {error &&

{error}

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