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