fix: sdk filter old subscription phases (#523)

raystack · Mar 7, 2024 · 17c0cc0 · 17c0cc0
1 parent bad13a2
commit 17c0cc0
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/sdks/js/packages/core/react/components/common/upcoming-plan-change-banner/index.tsx b/sdks/js/packages/core/react/components/common/upcoming-plan-change-banner/index.tsx
@@ -31,7 +31,12 @@ export function UpcomingPlanChangeBanner({
   const [isPlanLoading, setIsPlanLoading] = useState(false);
   const [isPlanChangeLoading, setIsPlanChangeLoading] = useState(false);
 
-  const nextPhase = subscription?.phases?.[0];
+  const phases =
+    subscription?.phases?.filter(phase =>
+      dayjs(phase.effective_at).isAfter(dayjs())
+    ) || [];
+
+  const nextPhase = phases?.[0];
 
   const fetchPlan = useCallback(
     async (planId: string) => {