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