CatsJuice
d412635f6b
feat(component): new hook to open confirm modal (#6342)
new exports from `@affine/component`:
```ts
import { ConfirmModalProvider, useConfirmModal } from "@affine/component"
```
Open confirm modal with hook:
```ts
const Component = () => {
const { openConfirmModal } = useConformModal();
const open = () => {
openConfirmModal({
// props of ConfirmModal
/**
* will show loading state when confirm clicked, and close after onConfirm finished
*/
onConfirm: async () => {
await new Promise((r) => setTimeout(r, 2000));
},
});
}
return <Button onClick={open}>Open</Button>
}
```
2024-03-27 13:30:30 +00:00
..
2024-03-27 13:30:30 +00:00
2024-03-27 13:30:30 +00:00
2024-03-27 04:36:09 +00:00
2024-03-20 13:20:19 +00:00
2024-03-26 07:15:06 +00:00
2024-03-26 07:15:06 +00:00
2024-03-19 02:34:18 +00:00
2024-03-26 02:24:17 +00:00
2024-03-27 04:36:09 +00:00
2024-03-25 03:55:33 +00:00