From 853a26b6f4e20f9e1dfeb2758951799074aca4e1 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 13 Jun 2025 18:18:26 +0100
Subject: [PATCH] Hide coupon banner if user is learning

---
 .../SQLCourse/CourseDiscountBanner.tsx           | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/SQLCourse/CourseDiscountBanner.tsx b/src/components/SQLCourse/CourseDiscountBanner.tsx
index 78b08e95d..829528ff9 100644
--- a/src/components/SQLCourse/CourseDiscountBanner.tsx
+++ b/src/components/SQLCourse/CourseDiscountBanner.tsx
@@ -2,18 +2,34 @@ import { CheckIcon, CopyIcon, XIcon } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { useCopyText } from '../../hooks/use-copy-text';
 import { cn } from '../../lib/classname';
+import { SQL_COURSE_SLUG } from './BuyButton';
+import { queryClient } from '../../stores/query-client';
+import { courseProgressOptions } from '../../queries/course-progress';
+import { useQuery } from '@tanstack/react-query';
+import { useClientMount } from '../../hooks/use-client-mount';
 
 export const sqlCouponCode = 'SQL30';
 
 export function CourseDiscountBanner() {
   const { copyText, isCopied } = useCopyText();
   const [isVisible, setIsVisible] = useState(false);
+  const isClientMounted = useClientMount();
 
   useEffect(() => {
     const timer = setTimeout(() => setIsVisible(true), 5000);
     return () => clearTimeout(timer);
   }, []);
 
+  const { data: courseProgress, isLoading: isLoadingCourseProgress } = useQuery(
+    courseProgressOptions(SQL_COURSE_SLUG),
+    queryClient,
+  );
+
+  const isAlreadyEnrolled = !!courseProgress?.enrolledAt;
+  if (!isClientMounted || isLoadingCourseProgress || isAlreadyEnrolled) {
+    return null;
+  }
+
   return (
     <div
       data-coupon-alert