\n \n Title *\n \n setTitle(e.target.value)}\n required\n disabled={loading}\n className=\"w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Author *\n \n setAuthor(e.target.value)}\n required\n disabled={loading}\n className=\"w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Notes (Optional)\n \n setNotes(e.target.value)}\n disabled={loading}\n rows={3}\n className=\"w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Status *\n \n setStatus(e.target.value as ReadingStatus)}\n disabled={loading}\n className=\"w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

\n \n

\n {onCancel && (\n \n Cancel\n \n )}\n \n \n {initialBook ? 'Update Book' : 'Add Book'}\n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/khathu/FitnessTracker/code/frontend/components/BookForm.tsx","extension","actionData","errors"]