Skip to content

Conversation

@terrerox
Copy link
Contributor

Description

Replace direct @headlessui/react Popover usage with unified custom Popover component
across ShareDialog, UserOptions, and AccountPopover components.

Changes:

  • Update ShareDialog to use custom Popover with render props pattern
  • Refactor UserOptions to use custom Popover with alwaysShow prop
  • Simplify AccountPopover panel prop usage (remove wrapper function)
  • Consolidate Popover API across all components for consistency

The custom Popover maintains HeadlessUI functionality while providing a simpler,
more flexible API with support for advanced patterns like render props and
controlled visibility.

Related Issues

Related Pull Requests

Checklist

  • Changes have been tested locally.
  • Unit tests have been written or updated as necessary.
  • The code adheres to the repository's coding standards.
  • Relevant documentation has been added or updated.
  • No new warnings or errors have been introduced.
  • SonarCloud issues have been reviewed and addressed.
  • QA Passed

Testing Process

Additional Notes

…m wrapper

  Replace direct @headlessui/react Popover usage with unified custom Popover component
   across ShareDialog, UserOptions, and AccountPopover components.

  Changes:
  - Update ShareDialog to use custom Popover with render props pattern
  - Refactor UserOptions to use custom Popover with alwaysShow prop
  - Simplify AccountPopover panel prop usage (remove wrapper function)
  - Consolidate Popover API across all components for consistency

  The custom Popover maintains HeadlessUI functionality while providing a simpler,
  more flexible API with support for advanced patterns like render props and
  controlled visibility.
@terrerox terrerox marked this pull request as draft January 23, 2026 05:30
@terrerox terrerox self-assigned this Jan 23, 2026
@terrerox terrerox changed the title refactor: migrate Popover components from @headlessui/react to custom wrapper [PB-3520]: migrate Popover components from @headlessui/react to custom wrapper Jan 23, 2026
@cloudflare-workers-and-pages
Copy link

Deploying drive-web with  Cloudflare Pages  Cloudflare Pages

Latest commit: e4abcdd
Status: ✅  Deploy successful!
Preview URL: https://5f10a3f6.drive-web.pages.dev
Branch Preview URL: https://feature-popover-ui.drive-web.pages.dev

View logs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants