\n Create a New Note\n

\n \n

\n \n Title\n \n setTitle(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n placeholder=\"Enter note title...\"\n required\n />\n

\n\n

\n \n Content\n \n setContent(e.target.value)}\n rows={6}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition resize-none\"\n placeholder=\"Write your note content here...\"\n required\n />\n

\n\n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-white/80 hover:text-white smooth-transition flex items-center gap-2\"\n >\n {showAdvanced ? '▼' : '▶'}\n Advanced Options\n \n

\n\n {showAdvanced && (\n

\n \n Password (Optional)\n \n setPassword(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n placeholder=\"Leave empty for public note\"\n />\n

\n Add a password to make this note private\n

\n\n

\n \n Auto-delete after (Optional)\n \n setExpiresIn(e.target.value ? parseInt(e.target.value) : undefined)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n >\n \n \n \n \n \n \n

\n )}\n\n \n {isLoading ? (\n Creating Note\n ) : (\n 'Create Note'\n )}\n \n \n

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