feat(component): new hook to open confirm modal

[CatsJuice]

new exports from @affine/component:

import { ConfirmModalProvider, useConfirmModal } from "@affine/component"

Open confirm modal with hook:

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

[graphite-app]

Your org has enabled the Graphite merge queue for merging into canary

You must have a Graphite account in order to use the merge queue. Sign up using this link.

You can enable merging using labels in your Graphite merge queue settings.

[CatsJuice]

• feat(core): open restore history confirm modal with hook #6343
• feat(component): new hook to open confirm modal #6342 👈
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @CatsJuice and the rest of your teammates on Graphite

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit d412635. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx test:coverage @affine/monorepo
• nx build @affine/storage -- --target x86_64-unknown-linux-gnu --use-napi-cross
• nx build @affine/native -- --target x86_64-pc-windows-msvc --use-napi-cross
• nx build @affine/native -- --target x86_64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target aarch64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target x86_64-unknown-linux-gnu --use-napi-cross

---

Sent with 💌 from NxCloud.

[codecov]

Codecov Report

Attention: Patch coverage is 12.50000% with 21 lines in your changes are missing coverage. Please review.

Project coverage is 62.41%. Comparing base (39facba) to head (d412635).

Files	Patch %	Lines
.../frontend/component/src/ui/modal/confirm-modal.tsx	12.50%	21 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           canary    #6342      +/-   ##
==========================================
- Coverage   62.54%   62.41%   -0.14%     
==========================================
  Files         510      510              
  Lines       23602    23626      +24     
  Branches     2225     2226       +1     
==========================================
- Hits        14762    14746      -16     
- Misses       8578     8618      +40     
  Partials      262      262              

Flag	Coverage Δ
server-test	73.91% <ø> (-0.12%)	⬇️
unittest	38.76% <12.50%> (-0.09%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[graphite-app]

Merge activity

• Mar 27, 9:29 AM EDT: EYHN added this pull request to the Graphite merge queue.
• Mar 27, 9:42 AM EDT: EYHN merged this pull request with the Graphite merge queue.