fix: Show cancel date only when active

reacherhq · Dec 12, 2023 · 6148f5c · 6148f5c · vercel · Dec 12, 2023
1 parent 6b98514
commit 6148f5c
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/Dashboard.tsx b/src/components/Dashboard.tsx
@@ -55,12 +55,13 @@ export function Dashboard({ products }: DashboardProps): React.ReactElement {
 					<Text className="text-right" h3>
 						{productName(subscription?.prices?.products)}
 					</Text>
-					{subscription?.cancel_at && (
-						<Text p small em className="text-right mt-0">
-							⚠️ Plan ends on{" "}
-							{formatDate(new Date(subscription.cancel_at))}
-						</Text>
-					)}
+					{subscription?.status === "active" &&
+						subscription?.cancel_at && (
+							<Text p small em className="text-right mt-0">
+								⚠️ Plan ends on{" "}
+								{formatDate(new Date(subscription.cancel_at))}
+							</Text>
+						)}
 					<div className="text-right">
 						{subscription ? (
 							<StripeMananageButton>