\n {/* Header */}\n

Log a Run

\n \n ×\n \n

\n\n {/* Form */}\n

\n {/* Date and Location */}\n

\n \n Date & Time\n \n handleDateChange(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n required\n />\n

\n\n

\n \n Location\n \n

\n \n setShowCustomLocation(!showCustomLocation)}\n className=\"px-3 py-2 bg-gray-200 text-gray-700 rounded-md text-sm font-medium hover:bg-gray-300 active:bg-gray-400\"\n >\n {showCustomLocation ? \"Cancel\" : \"Change\"}\n \n

\n\n {showCustomLocation && (\n

\n setCustomLocationInput(e.target.value)}\n onKeyPress={(e) =>\n e.key === \"Enter\" &&\n (e.preventDefault(), handleCustomLocationSubmit())\n }\n placeholder=\"Enter city name...\"\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n \n Search\n \n

\n \n Use Current Location\n \n

\n )}\n\n {locationError && (\n

{locationError}

\n )}\n

\n\n {/* Weather */}\n

Weather Conditions

\n {loadingWeather && (\n

\n )}\n

\n\n

\n \n Temperature (°F)\n \n \n setFormData({\n ...formData,\n temp: parseFloat(e.target.value),\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n required\n />\n

\n\n

\n \n Dew Point (°F)\n \n \n setFormData({\n ...formData,\n dewPoint: parseFloat(e.target.value),\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n required\n />\n

\n\n

\n \n Conditions\n \n \n setFormData({ ...formData, conditions: e.target.value })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n placeholder=\"e.g., Clear, Rain, Overcast\"\n required\n />\n

\n\n {/* Clothing */}\n

What I Wore

\n\n

\n \n Bottom\n \n \n setFormData({\n ...formData,\n bottom: e.target.value as RunLog[\"bottom\"],\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n >\n \n \n \n \n

\n\n

\n \n Base Layer\n \n \n setFormData({\n ...formData,\n topBase: e.target.value as RunLog[\"topBase\"],\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n >\n \n \n \n \n

\n\n

\n \n Outer Layer\n \n \n setFormData({\n ...formData,\n topOuter: e.target.value as RunLog[\"topOuter\"],\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n >\n \n \n \n \n \n

\n\n

\n \n Head\n \n \n setFormData({\n ...formData,\n head: e.target.value as RunLog[\"head\"],\n })\n }\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md\"\n >\n \n \n \n \n

\n\n

\n \n \n setFormData({ ...formData, gloves: e.target.checked })\n }\n className=\"mr-2 w-4 h-4\"\n />\n \n Gloves\n \n \n\n \n \n setFormData({ ...formData, shirtOff: e.target.checked })\n }\n className=\"mr-2 w-4 h-4\"\n />\n \n Took shirt off during run\n \n \n

\n\n {/* Submit */}\n

\n \n Cancel\n \n \n {submitting ? \"Saving...\" : \"Log Run\"}\n \n

\n );\n}\n","deleted","label",[168,169,149],"frontend","components","permalink","https://www.val.town/x/pcatterall7/running-clothes/code/frontend/components/NewRunModal.tsx","extension","actionData","errors"]