mirror of
https://github.com/fosrl/pangolin.git
synced 2026-04-14 05:46:38 +00:00
Fill the width
This commit is contained in:
@@ -491,6 +491,10 @@ export default function BillingPage() {
|
|||||||
|
|
||||||
const currentPlanId = getCurrentPlanId();
|
const currentPlanId = getCurrentPlanId();
|
||||||
|
|
||||||
|
const visiblePlanOptions = planOptions.filter(
|
||||||
|
(plan) => plan.id !== "home" || currentPlanId === "home"
|
||||||
|
);
|
||||||
|
|
||||||
// Check if subscription is in a problematic state that requires attention
|
// Check if subscription is in a problematic state that requires attention
|
||||||
const hasProblematicSubscription = (): boolean => {
|
const hasProblematicSubscription = (): boolean => {
|
||||||
if (!tierSubscription?.subscription) return false;
|
if (!tierSubscription?.subscription) return false;
|
||||||
@@ -803,8 +807,8 @@ export default function BillingPage() {
|
|||||||
</SettingsSectionHeader>
|
</SettingsSectionHeader>
|
||||||
<SettingsSectionBody>
|
<SettingsSectionBody>
|
||||||
{/* Plan Cards Grid */}
|
{/* Plan Cards Grid */}
|
||||||
<div className="grid grid-cols-1 md:grid-cols-5 gap-4">
|
<div className={cn("grid grid-cols-1 gap-4", visiblePlanOptions.length === 5 ? "md:grid-cols-5" : "md:grid-cols-4")}>
|
||||||
{planOptions.filter((plan) => plan.id !== "home" || currentPlanId === "home").map((plan) => {
|
{visiblePlanOptions.map((plan) => {
|
||||||
const isCurrentPlan = plan.id === currentPlanId;
|
const isCurrentPlan = plan.id === currentPlanId;
|
||||||
const planAction = getPlanAction(plan);
|
const planAction = getPlanAction(plan);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user