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
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| open | boolean | - | Controla visibilidade |
| title | string | - | Título do diálogo |
| message | string | - | Mensagem de confirmação |
| onConfirm | () => void | - | Callback de confirmação |
| onCancel | () => void | - | Callback de cancelamento |