diff --git a/src/components/ContactUs.tsx b/src/components/ContactUs.tsx new file mode 100644 index 000000000..729a01f1c --- /dev/null +++ b/src/components/ContactUs.tsx @@ -0,0 +1,5 @@ +export function ContactUs() { + return ( + Contact us + ); +} diff --git a/src/features/clusters/upsert/ClusterBilling.tsx b/src/features/clusters/upsert/ClusterBilling.tsx index de1d8699a..5ba32e2ce 100644 --- a/src/features/clusters/upsert/ClusterBilling.tsx +++ b/src/features/clusters/upsert/ClusterBilling.tsx @@ -1,9 +1,12 @@ +import { ContactUs } from '@/components/ContactUs'; import { Button } from '@/components/ui/button'; import { ResourcesPerInstance } from '@/features/clusters/upsert/components/ResourcesPerInstance'; import { PaymentMethodsDisplay } from '@/features/organization/billing/paymentMethod/PaymentMethodsDisplay'; import { getOrganizationQueryOptions } from '@/features/organization/queries/getOrganizationQuery'; import { PaymentMethodStatus } from '@/integrations/stripe/paymentMethodStatus'; import { SchemaPlan } from '@/lib/api.gen'; +import { pluralize } from '@/lib/pluralize'; +import { isPositive } from '@/lib/types/isPositive'; import { useQuery } from '@tanstack/react-query'; import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react'; import { useState } from 'react'; @@ -35,6 +38,7 @@ export function ClusterBilling({ const isEnterprise = organization?.type === 'ENTERPRISE'; const hasValidPaymentMethod = allowBypass || isEnterprise || billing?.paymentMethod?.status === PaymentMethodStatus.PASS; const [replacingPaymentMethod, setReplacingPaymentMethod] = useState(false); + const expirationMonths = isPositive(selectedPlan?.planLimits?.expirationMonths) && selectedPlan.planLimits.expirationMonths < 1000 && selectedPlan.planLimits.expirationMonths; const footer = (<>
Payment method:
diff --git a/src/features/clusters/upsert/ClusterDetails.tsx b/src/features/clusters/upsert/ClusterDetails.tsx index 3727fb294..579987658 100644 --- a/src/features/clusters/upsert/ClusterDetails.tsx +++ b/src/features/clusters/upsert/ClusterDetails.tsx @@ -61,7 +61,7 @@ export function ClusterDetails({ const isSelfManaged = selectedDeployment === 'Self-Hosted'; return (<> -