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.From its SKILL.md
npx -y skills add ECNU-ICALK/AutoSkill --skill react-form-logic-editable-fields-with-confirmation-resetAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
SKILL.md
1.9 KB, 358 tokens by cl100k_base, as published. Nobody here has run it
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
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.