\n setIsCreateModalOpen(true)}\n className=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-4 rounded-md flex items-center justify-center\"\n >\n \n New Prompt\n \n

\n\n

\n Your Prompts\n

\n\n

\n {prompts.length === 0 ? (\n

\n No prompts yet. Create your first one!\n

\n ) : (\n prompts.map(prompt => (\n onSelectPrompt(prompt.id)}\n className={`w-full text-left px-3 py-2 rounded-md text-sm font-medium ${\n currentPromptId === prompt.id\n ? 'bg-indigo-100 text-indigo-700'\n : 'text-gray-700 hover:bg-gray-100'\n }`}\n >\n

{prompt.title}

\n {formatDate(prompt.updated_at)}\n

\n \n ))\n )}\n

\n\n {/* Create Prompt Modal */}\n {isCreateModalOpen && (\n

Create New Prompt

\n \n

\n \n Title *\n \n setNewPromptTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Enter a title for your prompt\"\n />\n

\n \n

\n \n Description\n \n setNewPromptDescription(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Optional description\"\n />\n

\n \n

\n \n Prompt Content *\n \n setNewPromptContent(e.target.value)}\n rows={6}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Enter your prompt content here...\"\n >\n

\n \n

\n setIsCreateModalOpen(false)}\n className=\"px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50\"\n >\n Cancel\n \n \n Create Prompt\n \n

\n )}\n

\n );\n};\n\nexport default Navigation;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/heybunny/prompthero/code/frontend/components/Navigation.tsx","extension","actionData","errors"]