From dccfe197454ce76160791063691d654173b165ac Mon Sep 17 00:00:00 2001
From: Lakshay Gupta <183514000+Lakshayg136@users.noreply.github.com>
Date: Mon, 20 Jul 2026 12:45:54 +0530
Subject: [PATCH] fix: remove debug console.log statements from production
 components (#1985)

---
 src/pages/broadcasts/index.tsx | 6 ------
 src/pages/merch/index.tsx      | 7 -------
 2 files changed, 13 deletions(-)

diff --git a/src/pages/broadcasts/index.tsx b/src/pages/broadcasts/index.tsx
index 4d76ef9c..78227719 100644
--- a/src/pages/broadcasts/index.tsx
+++ b/src/pages/broadcasts/index.tsx
@@ -95,8 +95,6 @@ const VideoCard: React.FC<{
   };
 
   const handleThumbnailError = (failedUrl: string) => {
-    console.log(`Failed to load thumbnail: ${failedUrl}`);
-
     if (failedUrl.includes("maxresdefault")) {
       tryThumbnailUrl(`https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`);
     } else if (failedUrl.includes("hqdefault")) {
@@ -111,13 +109,11 @@ const VideoCard: React.FC<{
   useEffect(() => {
     if (!videoId) return;
 
-    console.log(`Loading thumbnails for video ID: ${videoId}`);
     tryThumbnailUrl(`https://i.ytimg.com/vi/${videoId}/maxresdefault.jpg`);
 
     const firstFrameUrl = `https://img.youtube.com/vi/${videoId}/0.jpg`;
     setTimeout(() => {
       if (!thumbnailUrl) {
-        console.log("Trying first frame as fallback");
         tryThumbnailUrl(firstFrameUrl);
       }
     }, 1000);
@@ -167,8 +163,6 @@ const VideoCard: React.FC<{
                 style={{ objectFit: "cover" }}
                 loading="lazy"
                 onError={(e) => {
-                  const img = e.target as HTMLImageElement;
-                  console.log("Image error:", img.src);
                   setThumbnailUrl("");
                 }}
               />
diff --git a/src/pages/merch/index.tsx b/src/pages/merch/index.tsx
index 354c6d38..7c65eac7 100644
--- a/src/pages/merch/index.tsx
+++ b/src/pages/merch/index.tsx
@@ -113,7 +113,6 @@ export default function MerchPage(): ReactNode {
     async function fetchShopifyProducts() {
       try {
         if (isShopifyConfigured()) {
-          console.log("Fetching products from Shopify...");
           const shopifyProducts = await getProducts(20);
 
           if (shopifyProducts && shopifyProducts.length > 0) {
@@ -138,19 +137,13 @@ export default function MerchPage(): ReactNode {
               };
             });
 
-            console.log(
-              "Loaded products from Shopify:",
-              formattedProducts.length,
-            );
             setProducts(formattedProducts);
             setFilteredProducts(formattedProducts);
           } else {
-            console.log("No products found in Shopify, using sample products");
             setProducts(sampleProducts);
             setFilteredProducts(sampleProducts);
           }
         } else {
-          console.log("Shopify not configured, using sample products");
           setProducts(sampleProducts);
           setFilteredProducts(sampleProducts);
         }