Skip to content

Improve mobile link flow - #117

Merged
brandonpham13 merged 5 commits into
mainfrom
feat/account-link-optimization
Aug 10, 2026
Merged

Improve mobile link flow#117
brandonpham13 merged 5 commits into
mainfrom
feat/account-link-optimization

Conversation

@brandonpham13

Copy link
Copy Markdown
Owner

This pull request improves the user experience for connecting Sleeper accounts by deep-linking users directly to the integrations panel, both in the UI and in the documentation. It introduces a new two-mode AccountModal, updates the Sidebar and Create Huddle flows to use the direct integration shortcut, and clarifies best practices and data ownership in the playbook.

User Experience Improvements:

  • Added a two-mode AccountModal that can open either the full Clerk profile or directly to the integrations panel via the new AccountModalTab type, making it much easier for users (especially on mobile) to connect their Sleeper account. (client/src/components/AccountModal.tsx) [1] [2] [3] [4] [5] [6]
  • Updated the Sidebar’s mobile footer to include a dedicated "Connect Sleeper" button that deep-links to the integrations panel, reducing the number of steps needed for users to connect their account. (client/src/components/Sidebar.tsx) [1] [2] [3] [4] [5] [6]
  • Modified the Create Huddle modal to show a "Connect Sleeper" button that opens the integrations panel directly, replacing previous instructions to manually navigate through the account UI. (client/src/components/huddles/CreateHuddleModal.tsx) [1] [2] [3]

Documentation and Best Practices:

  • Expanded the playbook with a new section detailing user data ownership, rules for future auth migrations, and clear guidance on how and why to deep-link to the integrations panel for connecting Sleeper accounts. (PLAYBOOK.md)

Internal Consistency and Type Safety:

  • Refactored all relevant components and props to use the new AccountModalTab type for improved type safety and maintainability. (client/src/components/AccountModal.tsx, client/src/components/Sidebar.tsx) [1] [2] [3]

These changes make connecting a Sleeper account much more intuitive, especially on mobile, and establish clear conventions for future development and documentation.

@vercel

vercel Bot commented Aug 9, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
huddle Ready Ready Preview Aug 10, 2026 5:41am

@brandonpham13

Copy link
Copy Markdown
Owner Author

@copilot resolve the merge conflicts in this pull request

Co-authored-by: brandonpham13 <29783274+brandonpham13@users.noreply.github.com>

Copilot AI commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

@copilot resolve the merge conflicts in this pull request

Resolved and committed the merge conflicts in this PR in commit f8cb343.

@brandonpham13
brandonpham13 merged commit 29c1828 into main Aug 10, 2026
1 of 2 checks passed
@brandonpham13
brandonpham13 deleted the feat/account-link-optimization branch August 10, 2026 05:40
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