Don't show current plan if expired

apps/web/app/(app)/premium/Pricing.tsx

@@ -14,7 +14,7 @@ import { LoadingContent } from "@/components/LoadingContent";
 import { usePremium } from "@/components/PremiumAlert";
 import { Button } from "@/components/Button";
 import { Button as ShadcnButton } from "@/components/ui/button";
-import { getUserTier } from "@/utils/premium";
+import { getUserTier, isPremiumExpired } from "@/utils/premium";
 import {
   frequencies,
   pricingAdditonalEmail,
@@ -57,6 +57,7 @@ export function Pricing(props: { header?: React.ReactNode }) {
 
   const affiliateCode = useAffiliateCode();
   const premiumTier = getUserTier(data?.premium);
+  const isExpired = isPremiumExpired(data?.premium);
 
   const header = props.header || (
     <div className="mb-12">
@@ -174,7 +175,8 @@ export function Pricing(props: { header?: React.ReactNode }) {
 
         <Layout className="isolate mx-auto mt-10 grid max-w-md grid-cols-1 gap-y-8">
           {tiers.map((tier, tierIdx) => {
-            const isCurrentPlan = tier.tiers[frequency.value] === premiumTier;
+            const isCurrentPlan =
+              !isExpired && tier.tiers[frequency.value] === premiumTier;
 
             const user = session.data?.user;
 

apps/web/utils/premium/index.ts

@@ -31,6 +31,14 @@ export const getUserTier = (
   return premium?.tier || getUserPlan(premium?.lemonSqueezyRenewsAt);
 };
 
+export const isPremiumExpired = (
+  premium?: Pick<Premium, "lemonSqueezyRenewsAt"> | null,
+) => {
+  return (
+    !!premium?.lemonSqueezyRenewsAt && premium.lemonSqueezyRenewsAt < new Date()
+  );
+};
+
 export const isAdminForPremium = (
   premiumAdmins: { id: string }[],
   userId?: string,