fix comment, rm console.log

oauth/src/components/RecordTabs.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import RecordList from './RecordList.jsx'
 import ChatRecordList from './ChatRecordList.jsx'
 import ProfileRecordList from './ProfileRecordList.jsx'
@@ -8,34 +8,59 @@ import { logger } from '../utils/logger.js'
 export default function RecordTabs({ langRecords, commentRecords, userComments, chatRecords, chatHasMore, onLoadMoreChat, userChatRecords, userChatLoading, baseRecords, apiConfig, pageContext, user = null, agent = null, onRecordDeleted = null }) {
   const [activeTab, setActiveTab] = useState('profiles')
   
+  // Monitor activeTab changes
+  useEffect(() => {
+    logger.log('RecordTabs: activeTab changed to', activeTab)
+  }, [activeTab])
+  
   logger.log('RecordTabs: activeTab is', activeTab)
+  logger.log('RecordTabs: commentRecords prop:', commentRecords?.length || 0, commentRecords)
 
   // Filter records based on page context
   const filterRecords = (records, isProfile = false) => {
     // Ensure records is an array
     const recordsArray = Array.isArray(records) ? records : []
     
+    logger.log('filterRecords called with:', {
+      recordsLength: recordsArray.length,
+      isProfile,
+      isTopPage: pageContext.isTopPage,
+      pageRkey: pageContext.rkey,
+      records: recordsArray
+    })
+    
     if (pageContext.isTopPage) {
       // Top page: show latest 3 records
-      return recordsArray.slice(0, 3)
+      const result = recordsArray.slice(0, 3)
+      logger.log('filterRecords: Top page result:', result.length, result)
+      return result
     } else {
       // Individual page: show records matching the URL
-      return recordsArray.filter(record => {
+      const filtered = recordsArray.filter(record => {
         // Profile records should always be shown
         if (isProfile || record.value?.type === 'profile') {
+          logger.log('filterRecords: Profile record included:', record.value?.type)
           return true
         }
         
         const recordUrl = record.value?.post?.url
-        if (!recordUrl) return false
+        if (!recordUrl) {
+          logger.log('filterRecords: No recordUrl found for record:', record.value?.type)
+          return false
+        }
         
         try {
           const recordRkey = new URL(recordUrl).pathname.split('/').pop()?.replace(/\.html$/, '')
-          return recordRkey === pageContext.rkey
+          const matches = recordRkey === pageContext.rkey
+          logger.log('filterRecords: URL matching:', { recordRkey, pageRkey: pageContext.rkey, matches })
+          return matches
         } catch {
+          logger.log('filterRecords: URL parsing failed for:', recordUrl)
           return false
         }
       })
+      logger.log('filterRecords: Individual page result:', filtered.length, filtered)
+      return filtered
     }
   }
 
@@ -44,7 +69,7 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
     // Ensure chatPairs is an array
     const chatArray = Array.isArray(chatPairs) ? chatPairs : []
     
-    console.log('filterChatRecords called:', { 
+    logger.log('filterChatRecords called:', { 
       isTopPage: pageContext.isTopPage, 
       rkey: pageContext.rkey, 
       chatPairsLength: chatArray.length,
@@ -55,14 +80,14 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
     if (pageContext.isTopPage) {
       // Top page: show latest 3 pairs
       const result = chatArray.slice(0, 3)
-      console.log('Top page: returning', result.length, 'pairs')
+      logger.log('Top page: returning', result.length, 'pairs')
       return result
     } else {
       // Individual page: show pairs matching the URL (compare path only, ignore domain)
       const filtered = chatArray.filter(chatPair => {
         const recordUrl = chatPair.question?.value?.post?.url
         if (!recordUrl) {
-          console.log('No recordUrl for chatPair:', chatPair)
+          logger.log('No recordUrl for chatPair:', chatPair)
           return false
         }
         
@@ -71,31 +96,46 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
           const recordPath = new URL(recordUrl).pathname
           const recordRkey = recordPath.split('/').pop()?.replace(/\.html$/, '')
           
-          console.log('Comparing:', { recordRkey, pageRkey: pageContext.rkey, recordUrl })
+          logger.log('Comparing:', { recordRkey, pageRkey: pageContext.rkey, recordUrl })
           
           // Compare with current page rkey
           const matches = recordRkey === pageContext.rkey
           if (matches) {
-            console.log('Found matching chat pair!')
+            logger.log('Found matching chat pair!')
           }
           return matches
         } catch (error) {
-          console.log('Error processing recordUrl:', recordUrl, error)
+          logger.log('Error processing recordUrl:', recordUrl, error)
           return false
         }
       })
       
-      console.log('Individual page: returning', filtered.length, 'filtered pairs')
+      logger.log('Individual page: returning', filtered.length, 'filtered pairs')
       return filtered
     }
   }
 
   const filteredLangRecords = filterRecords(Array.isArray(langRecords) ? langRecords : [])
-  const filteredCommentRecords = filterRecords(Array.isArray(commentRecords) ? commentRecords : [])
-  const filteredUserComments = filterRecords(Array.isArray(userComments) ? userComments : [])
+  
+  logger.log('RecordTabs: About to filter commentRecords:', commentRecords?.length || 0, commentRecords)
+  // User requested to display all comments without filtering
+  const filteredCommentRecords = Array.isArray(commentRecords) ? commentRecords : []
+  logger.log('RecordTabs: After filtering commentRecords:', filteredCommentRecords.length, filteredCommentRecords)
+  
+  // User requested to display all comments without filtering
+  const filteredUserComments = Array.isArray(userComments) ? userComments : []
   const filteredChatRecords = filterChatRecords(Array.isArray(chatRecords) ? chatRecords : [])
   const filteredBaseRecords = filterRecords(Array.isArray(baseRecords) ? baseRecords : [])
   
+  logger.log('RecordTabs: filtered results:')
+  logger.log('  - filteredCommentRecords:', filteredCommentRecords.length, filteredCommentRecords)
+  logger.log('  - filteredLangRecords:', filteredLangRecords.length)
+  logger.log('  - filteredUserComments:', filteredUserComments.length)
+  logger.log('  - pageContext:', pageContext)
+  logger.log('RecordTabs: TAB RENDER VALUES:')
+  logger.log('  - filteredCommentRecords.length for tab:', filteredCommentRecords.length)
+  logger.log('  - commentRecords input:', commentRecords?.length || 0)
+  
   // Filter profile records from baseRecords
   const profileRecords = (Array.isArray(baseRecords) ? baseRecords : []).filter(record => record.value?.type === 'profile')
   const sortedProfileRecords = profileRecords.sort((a, b) => {
@@ -125,9 +165,15 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
         </button>
         <button 
           className={`tab-btn ${activeTab === 'comment' ? 'active' : ''}`}
-          onClick={() => setActiveTab('comment')}
+          onClick={() => {
+            logger.log('RecordTabs: feedback tab clicked, setting activeTab to comment')
+            setActiveTab('comment')
+          }}
         >
-          feedback ({filteredCommentRecords.length})
+          feedback ({(() => {
+            logger.log('RecordTabs: feedback tab render - filteredCommentRecords.length:', filteredCommentRecords.length)
+            return filteredCommentRecords.length
+          })()})
         </button>
         <button 
           className={`tab-btn ${activeTab === 'users' ? 'active' : ''}`}