Skip to content

ConfirmDialog

Visão Geral

Componente reutilizável para diálogos de confirmação com suporte a promessas.

Localização

frontend-react/src/components/ui/ConfirmDialog.tsx

Uso

tsx
import { useConfirmStore } from '../stores/confirmStore';

function MyComponent() {
  const confirm = useConfirmStore((s) => s.confirm);

  const handleDelete = async () => {
    const confirmed = await confirm('Tem certeza que deseja excluir?');
    if (confirmed) {
      // Perform delete
    }
  };
}

Store

O componente usa o confirmStore que gerencia o estado global do diálogo.

Props

PropTipoPadrãoDescrição
openboolean-Controla visibilidade
titlestring-Título do diálogo
messagestring-Mensagem de confirmação
onConfirm() => void-Callback de confirmação
onCancel() => void-Callback de cancelamento

Lançado sob a licença MIT.