diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx index 3184d93e276..5ba497acbdc 100644 --- a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx +++ b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx @@ -58,7 +58,7 @@ export function FeaturePreview({ selectedFeature }: FeaturePreviewProps) { PRO {selectedFeature.comingSoon && ( - Coming Soon + (Coming Soon) )} diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx index ea59e7c6043..4a1199f62a7 100644 --- a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx +++ b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx @@ -85,8 +85,8 @@ function FeatureButton({ feature, isSelected, onSelect }: FeatureButtonProps) { {feature.title} {feature.comingSoon && ( - - Coming Soon + + (Coming Soon) )} diff --git a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx index 2cc19bb0043..910e88100af 100644 --- a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx +++ b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx @@ -48,6 +48,7 @@ type ComparisonValue = string | boolean | null; type ComparisonRow = { label: string; values: ComparisonValue[]; + comingSoon?: boolean; }; type ComparisonSection = { @@ -136,10 +137,12 @@ const COMPARISON_SECTIONS: ComparisonSection[] = [ { label: "Cloud workspaces", values: [null, true, true], + comingSoon: true, }, { label: "Mobile app", values: [null, true, true], + comingSoon: true, }, { label: "Linear integration", @@ -332,7 +335,7 @@ function PlansPage() { const highlightColumnIndex = 1; const highlightColumnStart = highlightColumnIndex + 2; - const gridColumnsClass = "grid grid-cols-[180px_repeat(3,_1fr)]"; + const gridColumnsClass = "grid grid-cols-[240px_repeat(3,_1fr)]"; return (
@@ -524,8 +527,13 @@ function PlansPage() { return ( -
+
{row.label} + {row.comingSoon && ( + + (Coming Soon) + + )}
{row.values.map((value, valueIndex) => (