Hidden the console logs to avoid sensitive data exposure.

Author: Jecomo-Alyssa-Lyn

apps/codebility/app/home/my-team/[projectId]/_components/ChecklistStatusBanner.tsx

@@ -51,23 +51,35 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
   }, [projectId]);
 
   const fetchFreshMemberData = async () => {
-    console.log("🔄 ChecklistStatusBanner: Fetching fresh member data...");
+    // Only log in development - hidden in production
+    if (process.env.NODE_ENV === 'development') {
+      console.log("🔄 ChecklistStatusBanner: Fetching fresh member data...");
+    }
     setIsFetchingMembers(true);
 
     try {
       const teamLeadResult = await getTeamLead(projectId);
       if (teamLeadResult.data) {
         setFreshTeamLead(teamLeadResult.data);
-        console.log("👑 Banner - Team Lead:", teamLeadResult.data.first_name, teamLeadResult.data.last_name);
+        // Only log sensitive user data in development
+        if (process.env.NODE_ENV === 'development') {
+          console.log("👑 Banner - Team Lead:", teamLeadResult.data.first_name, teamLeadResult.data.last_name);
+        }
       }
 
       const membersResult = await getMembers(projectId);
       if (membersResult.data) {
         setFreshTeamMembers(membersResult.data);
-        console.log("👥 Banner - Fresh members fetched:", membersResult.data.length);
+        // Only log member count in development - don't expose actual member data
+        if (process.env.NODE_ENV === 'development') {
+          console.log("👥 Banner - Fresh members fetched:", membersResult.data.length);
+        }
       }
     } catch (error) {
-      console.error("❌ Banner - Error fetching fresh member data:", error);
+      // Only log errors in development
+      if (process.env.NODE_ENV === 'development') {
+        console.error("❌ Banner - Error fetching fresh member data:", error);
+      }
     } finally {
       setIsFetchingMembers(false);
     }
@@ -77,7 +89,10 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
     ? [freshTeamLead, ...freshTeamMembers] 
     : freshTeamMembers;
 
-  console.log("📊 Banner - Total members for display:", allMembers.length);
+  // Only log in development
+  if (process.env.NODE_ENV === 'development') {
+    console.log("📊 Banner - Total members for display:", allMembers.length);
+  }
 
   useEffect(() => {
     if (!isFetchingMembers && allMembers.length > 0) {
@@ -90,13 +105,19 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
     const supabase = createClientClientComponent();
 
     if (!supabase) {
-      console.error("Failed to initialize Supabase client");
+      // Only log in development
+      if (process.env.NODE_ENV === 'development') {
+        console.error("Failed to initialize Supabase client");
+      }
       setIsLoading(false);
       return;
     }
 
     try {
-      console.log("🔍 Banner - Loading checklist data for", allMembers.length, "members");
+      // Only log in development - don't expose member count in production
+      if (process.env.NODE_ENV === 'development') {
+        console.log("🔍 Banner - Loading checklist data for", allMembers.length, "members");
+      }
 
       // Get all checklist items for this project
       const { data: checklistData, error } = await supabase
@@ -105,11 +126,17 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
         .eq("project_id", projectId);
 
       if (error) {
-        console.error("❌ Banner - Error loading checklist data:", error);
+        // Only log errors in development
+        if (process.env.NODE_ENV === 'development') {
+          console.error("❌ Banner - Error loading checklist data:", error);
+        }
         return;
       }
 
-      console.log("📋 Banner - Found", checklistData?.length || 0, "total checklist items");
+      // Only log in development
+      if (process.env.NODE_ENV === 'development') {
+        console.log("📋 Banner - Found", checklistData?.length || 0, "total checklist items");
+      }
 
       // 🔧 CRITICAL FIX: Create status for ALL members, not just those with items
       const statusMap: { [key: string]: MemberChecklistStatus } = {};
@@ -127,7 +154,10 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
           pendingItems: memberItems.length - completedCount
         };
 
-        console.log(`  - ${member.first_name} ${member.last_name}: ${completedCount}/${memberItems.length} completed`);
+        // Only log individual member data in development - SENSITIVE DATA
+        if (process.env.NODE_ENV === 'development') {
+          console.log(`  - ${member.first_name} ${member.last_name}: ${completedCount}/${memberItems.length} completed`);
+        }
       });
 
       // 🔧 CRITICAL FIX: Don't filter out members with 0 items
@@ -142,9 +172,16 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
         });
 
       setMemberStatuses(statusArray);
-      console.log("✅ Banner - Loaded statuses for ALL", statusArray.length, "members (including those with 0 items)");
+      
+      // Only log in development
+      if (process.env.NODE_ENV === 'development') {
+        console.log("✅ Banner - Loaded statuses for ALL", statusArray.length, "members (including those with 0 items)");
+      }
     } catch (error) {
-      console.error("❌ Banner - Error loading checklist statuses:", error);
+      // Only log errors in development
+      if (process.env.NODE_ENV === 'development') {
+        console.error("❌ Banner - Error loading checklist statuses:", error);
+      }
     } finally {
       setIsLoading(false);
     }
@@ -160,12 +197,15 @@ const ChecklistStatusBanner = ({ projectId }: ChecklistStatusBannerProps) => {
     return s.pendingItems === 0;
   }).length;
 
-  console.log("📊 Banner Summary:", {
-    totalMembers: memberStatuses.length,
-    membersWithPending,
-    membersFullyCompleted,
-    totalPendingItems
-  });
+  // Only log summary in development - don't expose member counts in production
+  if (process.env.NODE_ENV === 'development') {
+    console.log("📊 Banner Summary:", {
+      totalMembers: memberStatuses.length,
+      membersWithPending,
+      membersFullyCompleted,
+      totalPendingItems
+    });
+  }
 
   if (isFetchingMembers) {
     return (

apps/codebility/app/home/my-team/page.tsx

@@ -87,7 +87,10 @@ async function TeamData() {
           members
         };
       } catch (error) {
-        console.error(`Failed to fetch data for project ${project.id}:`, error);
+        // Log errors in development only for debugging
+        if (process.env.NODE_ENV === 'development') {
+          console.error(`Failed to fetch data for project ${project.id}:`, error);
+        }
         return {
           project,
           teamLead: { error: 'Failed to load team lead', data: null },
@@ -118,7 +121,10 @@ async function TeamData() {
     return <MyTeamView projectData={validProjectData} />;
 
   } catch (error) {
-    console.error('TeamData error:', error);
+    // Log errors in development only for debugging
+    if (process.env.NODE_ENV === 'development') {
+      console.error('TeamData error:', error);
+    }
     throw error; // Let error boundary handle it
   }
 }