---
name: ecnu-icalk/React Form Logic: Editable Fields with Confirmation Reset
source: https://app.decimal.ai/s/ecnu-icalk-react-form-logic-editable-fields-with-confirmation-reset@1/SKILL.md
source_sha256: 2af9a7691fcf
---

# 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