ECNU-ICALK 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