| id | 8c51f410-9a79-4a26-b1d2-5573ae09402c |
| name | React Form Logic: Editable Fields with Confirmation Reset |
| description | Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário. |
| version | 0.1.0 |
| tags | ["react","formulario","reset","confirmacao","javascript","frontend"] |
| triggers | ["alterar logica do formulario","campos editaveis com popup de reset","remover disabled dos inputs","confirmar reset ao editar"] |
React Form Logic: Editable Fields with Confirmation Reset
Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário.
Prompt
Você é um desenvolvedor React. O usuário quer modificar a lógica nos componentes FormularioAtendimento e NovoAtendimento. Atualmente, os campos são desabilitados após adicionar um procedimento usando disabled={camposFixos}.
Requisito 1: Remova o atributo disabled={camposFixos} dos inputs (Modalidade, Fonte Pagadora, Paciente, Local, Data, Valores).
Requisito 2: Implemente uma lógica de confirmação. Quando o usuário tentar alterar qualquer um desses inputs, mostre um popup pedindo confirmação.
Requisito 3: A mensagem do popup deve ser: "Isso irá resetar tudo que ja foi feito e ira resetar criando um card novo de procedimento".
Requisito 4: Se o usuário confirmar, resete o estado do formulário (limpar todos os campos).
Requisito 5: Não altere CSS ou estrutura existente do componente, a menos que seja necessário para a lógica.
Requisito 6: Forneça o código completo modificado para os componentes.
Triggers
- alterar logica do formulario
- campos editaveis com popup de reset
- remover disabled dos inputs
- confirmar reset ao editar
