Dashboard: Show upsell card on support page for free plan #7648
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
WalkthroughThe changes introduce conditional logic for support features based on the team's billing plan. Free plan users are now shown an upsell prompt instead of support ticket functionality. The SupportHeader component and related layout logic were updated to reflect plan status, and UI elements were restyled for clarity and consistency. Dialog components were refactored to use explicit open state management instead of implicit triggers. Additionally, the chat button is hidden on the support route. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant Page
participant TeamData
participant SupportHeader
participant UpsellContent
User->>Page: Access Support Page
Page->>TeamData: Fetch team and billing plan
alt Team on free plan
Page->>UpsellContent: Render upsell UI
UpsellContent-->>User: Show upgrade prompt and benefits
else Team on paid plan
Page->>SupportHeader: Render with isFreePlan = false
Page->>User: Show support tickets UI
end
sequenceDiagram
participant User
participant CreatePage
participant TeamData
participant Navigation
User->>CreatePage: Access Create Support Case
CreatePage->>TeamData: Fetch team and billing plan
alt Team on free plan
CreatePage->>Navigation: Redirect to support overview
else Team on paid plan
CreatePage->>User: Show CreateSupportCase UI
end
sequenceDiagram
participant User
participant CustomChats
participant Dialog
participant SupportTicketForm
User->>CustomChats: Click "Create Support Case" button
CustomChats->>Dialog: Set open state to true
Dialog->>User: Show support ticket form dialog
User->>SupportTicketForm: Fill and submit form
SupportTicketForm->>CustomChats: onSuccess callback
CustomChats->>Dialog: Set open state to false (close dialog)
sequenceDiagram
participant User
participant CreateSupportCase
participant Dialog
participant SupportTicketForm
User->>CreateSupportCase: Click "Create Support Case" button
CreateSupportCase->>Dialog: Set open state to true
Dialog->>User: Show create case dialog
User->>SupportTicketForm: Fill and submit form
SupportTicketForm->>CreateSupportCase: onSuccess callback
CreateSupportCase->>Dialog: Set open state to false (close dialog)
Warning Review ran into problems🔥 ProblemsErrors were encountered while retrieving linked issues. Errors (1)
📜 Recent review detailsConfiguration used: CodeRabbit UI 📒 Files selected for processing (9)
🚧 Files skipped from review as they are similar to previous changes (9)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (8)
✨ Finishing Touches
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
Member
Author
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
MananTank
force-pushed
the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
from
f2c915f to
3c592bd
Compare
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #7648 +/- ##
=======================================
Coverage 56.43% 56.43%
=======================================
Files 908 908
Lines 58193 58193
Branches 4226 4226
=======================================
Hits 32840 32840
Misses 25244 25244
Partials 109 109
🚀 New features to boost your workflow:
|
Contributor
size-limit report 📦
|
MananTank
force-pushed
the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
from
3c592bd to
1d210e2
Compare
jnsdls
approved these changes
Jul 18, 2025
MananTank
force-pushed
the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
from
1d210e2 to
e7189aa
Compare
MananTank
force-pushed
the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
from
e7189aa to
615212b
Compare
Contributor
Merge activity
|
<!--
## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"
If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):
## Notes for the reviewer
Anything important to call out? Be sure to also clarify these in your comments.
## How to test
Unit tests, playground, etc.
-->
<!-- start pr-codex -->
---
## PR-Codex overview
This PR enhances the support functionality within the dashboard, particularly for teams on a free billing plan. It adds checks for the billing plan, modifies the `SupportHeader`, and integrates upsell content to encourage users to upgrade their plans.
### Detailed summary
- `SupportHeader` now accepts `isFreePlan` prop to conditionally render buttons.
- Redirects free plan users from creating support cases.
- Displays upsell content for free plan users in the support page.
- Added functionality to show/hide support forms based on billing plan.
- Updated `CreateSupportCase` component to handle dialog state for support case creation.
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->
<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit
* **New Features**
* Free plan users now see an upsell prompt encouraging upgrade to access the Support Center, with a clear list of benefits.
* The Support Center title has been updated for improved clarity.
* Support case creation is disabled for free plan users, showing an informative message with a billing link instead.
* Conditional support action buttons are shown only for paid plans, adapting to the user's context.
* **Improvements**
* Enhanced visual styling and layout for benefit descriptions in upsell prompts.
* Error messages in the Support Center now display detailed information for easier troubleshooting.
* Dialogs for creating support cases now open and close with explicit user control for better interaction.
* The chat button is hidden on the Support Center page to reduce UI clutter.
* **Bug Fixes**
* Free plan users are prevented from accessing the support case creation page.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
graphite-app
bot
force-pushed
the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
from
615212b to
31d7173
Compare
graphite-app
bot
deleted the
07-19-dashboard_show_upsell_card_on_support_page_for_free_plan
branch
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PR-Codex overview
This PR focuses on enhancing the support functionality for teams, particularly for those on a free billing plan. It introduces redirects, conditional rendering, and UI updates to improve user experience and guidance for support case creation.
Detailed summary
isFreePlanprop toSupportHeader.SupportHeaderbased on billing plan.SupportTicketFormto restrict case creation for free plan users with an upgrade prompt.Summary by CodeRabbit
New Features
Improvements