From 808d498ddccabec241f8c1559a85b9da72ef4e57 Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Wed, 26 Jun 2024 23:41:31 +0100
Subject: [PATCH] =?UTF-8?q?Don=E2=80=99t=20show=20the=20period=20if=20you?=
 =?UTF-8?q?=E2=80=99re=20on=20the=20free=20plan?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_app.orgs.$organizationSlug.v3.billing/route.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.v3.billing/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.v3.billing/route.tsx
index 775568296..99e36a47c 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.v3.billing/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.v3.billing/route.tsx
@@ -99,11 +99,13 @@ export default function ChoosePlanPage() {
               <StarIcon className="size-5 " />
               {planLabel(v3Subscription?.plan, v3Subscription?.canceledAt !== undefined, periodEnd)}
             </div>
-            <div className="flex items-center gap-1 px-3">
-              <CalendarDaysIcon className="size-5" />
-              Billing period: <DateTime date={periodStart} includeTime={false} /> to{" "}
-              <DateTime date={periodEnd} includeTime={false} /> ({daysRemaining} days remaining)
-            </div>
+            {v3Subscription?.isPaying ? (
+              <div className="flex items-center gap-1 px-3">
+                <CalendarDaysIcon className="size-5" />
+                Billing period: <DateTime date={periodStart} includeTime={false} /> to{" "}
+                <DateTime date={periodEnd} includeTime={false} /> ({daysRemaining} days remaining)
+              </div>
+            ) : null}
           </div>
           <div>
             <PricingPlans