Meus Projetos

\n Gerencie seus projetos de monitoramento de palavras-chave\n

\n \n

\n {canCreateProject ? (\n setShowCreateForm(true)}\n className=\"inline-flex items-center justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2\"\n >\n Novo Projeto\n \n ) : (\n

\n Limite de projetos atingido (plano gratuito)\n

\n )}\n

\n\n {/* Formulário de criação */}\n {showCreateForm && (\n

Novo Projeto

\n \n

\n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Nome do Projeto\n \n setName(e.target.value)}\n required\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n placeholder=\"Ex: Meu Site Principal\"\n />\n

\n \n

\n \n Domínio\n \n setDomain(e.target.value)}\n required\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n placeholder=\"exemplo.com.br\"\n />\n

\n \n

\n setShowCreateForm(false)}\n className=\"bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n Cancelar\n \n \n {loading ? (\n

\n ) : (\n 'Criar Projeto'\n )}\n \n

\n )}\n\n {/* Lista de projetos */}\n

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

📊

Nenhum projeto ainda

Crie seu primeiro projeto para começar a monitorar palavras-chave

\n {canCreateProject && (\n setShowCreateForm(true)}\n className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700\"\n >\n Criar Primeiro Projeto\n \n )}\n

\n ) : (\n

\n {projects.map((project) => (\n onProjectSelect(project)}\n >\n

\n {project.name}\n

\n {\n e.stopPropagation();\n handleDelete(project.id);\n }}\n className=\"text-gray-400 hover:text-red-500\"\n >\n 🗑️\n \n

\n \n

\n {project.domain}\n

\n \n

\n {project.keyword_count} palavra{project.keyword_count !== 1 ? 's' : ''}-chave\n

\n \n {project.avg_position && (\n

\n Pos. média: {Math.round(project.avg_position)}\n

\n )}\n

\n \n

\n Criado em {new Date(project.created_at).toLocaleDateString('pt-BR')}\n

\n ))}\n

\n )}\n

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