Skip to content

feat(portal-plugin-billing): show quota summary and plan feature details#1092

Merged
pcfreak30 merged 1 commit into
developfrom
feat/billing-quota-and-plan-details
Jul 7, 2026
Merged

feat(portal-plugin-billing): show quota summary and plan feature details#1092
pcfreak30 merged 1 commit into
developfrom
feat/billing-quota-and-plan-details

Conversation

@pcfreak30

@pcfreak30 pcfreak30 commented Jul 7, 2026

Copy link
Copy Markdown
Member

Summary

  • Add QuotaSummary component showing storage/upload/download usage with progress bars
  • Render QuotaSummary in SubscriptionStatusCard
  • Add collapsible 'View details' section in PlanList with FeaturesList
  • Add @lumeweb/portal-plugin-quota as billing dependency
  • Sync portal-plugin-quota source exports with built dist

Pull Request Description

This PR enhances the billing plugin's UI by adding two new features to the subscription experience:

1. Quota Usage Summary

A new QuotaSummary component has been added to the subscription status card, displaying real-time usage for Storage, Upload, and Download quotas. Each quota is shown with a progress bar that is color-coded based on usage level:

  • Red when usage exceeds 90%
  • Yellow when usage is between 70–90%
  • Default color otherwise

The component handles unlimited quotas (showing only used amounts), loading states with skeletons, and error states gracefully. To enable this, the useQuota hook and its types were exported from the portal-plugin-quota package, which was also added as a dependency to the billing plugin.

2. Plan Feature Details in Plan Change View

Each plan in the plan change/selection list now includes a collapsible "View details" section. When expanded, it displays the full list of features included in that plan using the existing FeaturesList component, giving users better visibility into what each plan offers before making a selection.

@kody-ai

This comment has been minimized.

- Add QuotaSummary component showing storage/upload/download usage with progress bars
- Render QuotaSummary in SubscriptionStatusCard
- Add collapsible 'View details' section in PlanList with FeaturesList
- Add @lumeweb/portal-plugin-quota as billing dependency
- Sync portal-plugin-quota source exports with built dist
@pcfreak30 pcfreak30 force-pushed the feat/billing-quota-and-plan-details branch from 3835e32 to b4eeb14 Compare July 7, 2026 03:35
@kody-ai

kody-ai Bot commented Jul 7, 2026

Copy link
Copy Markdown

Kody Review Complete

Great news! 🎉
No issues were found that match your current review configurations.

Keep up the excellent work! 🚀

Kody Guide: Usage and Configuration
Interacting with Kody
  • Request a Review: Ask Kody to review your PR manually by adding a comment with the @kody start-review command at the root of your PR.

  • Validate Business Logic: Ask Kody to validate your code against business rules by adding a comment with the @kody -v business-logic command.

  • Provide Feedback: Help Kody learn and improve by reacting to its comments with a 👍 for helpful suggestions or a 👎 if improvements are needed.

Current Kody Configuration
Review Options

The following review options are enabled or disabled:

Options Enabled
Bug
Performance
Security
Business Logic

Access your configuration settings here.

@pcfreak30 pcfreak30 merged commit 024e3bb into develop Jul 7, 2026
3 checks passed
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.

1 participant