Read sample button on page

src/components/SQLCourse/BuyButton.tsx

@@ -230,15 +230,17 @@ export function BuyButton(props: BuyButtonProps) {
               </span>
             )}
           </button>
-          <button
-            onClick={onReadSampleClick}
-            className="group relative inline-flex items-center justify-center overflow-hidden rounded-xl border border-yellow-500/30 bg-transparent px-6 py-3 text-base font-medium text-yellow-500 transition-all duration-300 ease-out hover:bg-yellow-500/10 focus:outline-hidden active:ring-0 md:rounded-full"
-          >
-            <span className="relative flex items-center gap-2">
-              <BookOpen className="h-5 w-5" />
-              Read Sample
-            </span>
-          </button>
+          {!isLoadingPricing && !isAlreadyEnrolled && (
+            <button
+              onClick={onReadSampleClick}
+              className="group relative inline-flex items-center justify-center overflow-hidden rounded-xl border border-yellow-500/30 bg-transparent px-6 py-3 text-base font-medium text-yellow-500 transition-all duration-300 ease-out hover:bg-yellow-500/10 focus:outline-hidden active:ring-0 md:rounded-full"
+            >
+              <span className="relative flex items-center gap-2">
+                <BookOpen className="h-5 w-5" />
+                Read Sample
+              </span>
+            </button>
+          )}
         </div>
 
         {!isLoadingPricing && (