\n No runs logged yet. Click the + button to log your first run!\n

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

\n {runLogs.map((log) => (\n

\n {editingId === log.id && editForm ? (\n // Edit Mode\n

\n \n Date & Time\n \n \n setEditForm({ ...editForm, date: e.target.value })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n />\n

\n \n Location\n \n \n setEditForm({ ...editForm, location: e.target.value })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n />\n

\n\n

\n \n Bottom\n \n \n setEditForm({\n ...editForm,\n bottom: e.target.value as RunLog[\"bottom\"],\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n >\n \n \n \n \n

\n \n Base Layer\n \n \n setEditForm({\n ...editForm,\n topBase: e.target.value as RunLog[\"topBase\"],\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n >\n \n \n \n \n

\n\n

\n \n Outer Layer\n \n \n setEditForm({\n ...editForm,\n topOuter: e.target.value as RunLog[\"topOuter\"],\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n >\n \n \n \n \n \n

\n \n Head\n \n \n setEditForm({\n ...editForm,\n head: e.target.value as RunLog[\"head\"],\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n >\n \n \n \n \n

\n\n

\n \n \n setEditForm({ ...editForm, gloves: e.target.checked })\n }\n className=\"mr-2\"\n />\n Gloves\n \n \n \n setEditForm({ ...editForm, shirtOff: e.target.checked })\n }\n className=\"mr-2\"\n />\n Shirt Off\n \n

\n\n

\n \n Temp (°F)\n \n \n setEditForm({\n ...editForm,\n temp: parseFloat(e.target.value),\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n />\n

\n \n Dew Pt (°F)\n \n \n setEditForm({\n ...editForm,\n dewPoint: parseFloat(e.target.value),\n })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n />\n

\n \n Conditions\n \n \n setEditForm({ ...editForm, conditions: e.target.value })\n }\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded\"\n />\n

\n\n

\n \n Save\n \n \n Cancel\n \n

\n ) : (\n // View Mode\n

\n {formatDate(log.date)}\n

{log.location}

\n startEdit(log)}\n className=\"text-blue-600 text-sm font-medium hover:text-blue-800\"\n >\n Edit\n \n onDelete(log.id!)}\n className=\"text-red-600 text-sm font-medium hover:text-red-800\"\n >\n Delete\n \n

\n\n

\n Bottom:\n \n {formatClothingShort(log.bottom)}\n \n

\n Base:\n \n {formatClothingShort(log.topBase)}\n \n

\n Outer:\n \n {formatClothingShort(log.topOuter)}\n \n

\n Head:\n \n {formatClothingShort(log.head)}\n \n

\n\n

\n {log.gloves && ✓ Gloves}\n {log.shirtOff && ✓ Shirt Off}\n

\n\n

\n {Math.round(log.temp)}°\n

Temp

\n {Math.round(log.dewPoint)}°\n

Dew Pt

\n {log.conditions}\n

Conditions

\n )}\n

\n ))}\n

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