Clean up excessive console.log statements

- Remove debug logs from TotalEarning.tsx
- Remove chart data logs from TotalEarningChart.tsx
- Remove API response logs from activity.api.ts
- Remove extensive debug logs from useChartData.ts
- Remove component logs from PaidSubscribers.tsx
- Fix unused variables after log removal

Author: Maphikza

src/api/activity.api.ts

@@ -40,8 +40,6 @@ export const getUserActivities = (handleLogout: () => void): Promise<WalletTrans
       return [];
     }
     // Assuming your backend response matches the WalletTransaction interface
-    // eslint-disable-next-line
-    console.log("User Activity Data: ", data)
     return data.map((item: any) => ({
       id: item.ID,
       witness_tx_id: item.Address,

src/components/relay-dashboard/paid-subscribers/PaidSubscribers.tsx

@@ -21,7 +21,6 @@ import { CreatorButton } from './avatar/SubscriberAvatar.styles';
 const { Text } = Typography;
 
 export const PaidSubscribers: React.FC = () => {
-  console.log('[PaidSubscribers] Component rendering...');
   const hookResult = usePaidSubscribers(12);
   const { subscribers, fetchMore, hasMore, loading, useDummyData } = hookResult;
   const ndkInstance = useNDK();
@@ -76,7 +75,6 @@ export const PaidSubscribers: React.FC = () => {
     setAllSubscribers([...subscribers]); // Start with current subscribers
 
     // Fetch more subscribers if available
-    const currentSubscribers = [...subscribers];
     let canFetchMore = hasMore;
 
     while (canFetchMore) {
@@ -86,7 +84,6 @@ export const PaidSubscribers: React.FC = () => {
         // track the updated state properly or use a separate hook for fetching all
         canFetchMore = false; // For now, just fetch once more
       } catch (error) {
-        console.error('Error fetching more subscribers:', error);
         break;
       }
     }
@@ -95,19 +92,16 @@ export const PaidSubscribers: React.FC = () => {
   useEffect(() => {
     // Implement hybrid profile fetching: NDK first, fallback to backend data
     if (useDummyData) {
-      console.warn('[PaidSubscribers] Using dummy data, skipping profile fetch');
       setLoadingProfiles(false);
       return;
     }
 
     const fetchProfiles = async () => {
       if (!ndkInstance || !ndkInstance.ndk) {
-        console.error('[PaidSubscribers] NDK instance is not initialized, using backend data only');
         setLoadingProfiles(false);
         return;
       }
 
-      console.log('[PaidSubscribers] Starting hybrid profile fetch for', subscribers.length, 'subscribers');
 
       // Process each subscriber with hybrid approach
       await Promise.all(
@@ -121,37 +115,21 @@ export const PaidSubscribers: React.FC = () => {
           );
 
           if (hasValidProfile) {
-            console.log(`[PaidSubscribers] Profile already cached for ${subscriber.pubkey}:`, {
-              name: existingProfile.name,
-              picture: !!existingProfile.picture,
-              about: !!existingProfile.about
-            });
             return;
           }
 
           try {
-            console.log(`[PaidSubscribers] Fetching NDK profile for ${subscriber.pubkey}`);
 
             // Try to fetch profile from NDK (user's relay + other relays)
             const user = await ndkInstance.ndk?.getUser({ pubkey: subscriber.pubkey }).fetchProfile();
 
             if (user && (user.name || user.picture || user.about)) {
               // NDK returned a profile - use it as the primary source
-              console.log(`[PaidSubscribers] NDK profile found for ${subscriber.pubkey}:`, {
-                name: user.name,
-                picture: user.picture,
-                about: user.about
-              });
 
               const ndkProfile = convertNDKUserProfileToSubscriberProfile(subscriber.pubkey, user);
               updateSubscriberProfile(subscriber.pubkey, ndkProfile);
             } else {
               // NDK came up empty - fallback to backend data
-              console.log(`[PaidSubscribers] NDK profile empty for ${subscriber.pubkey}, falling back to backend data:`, {
-                name: subscriber.name,
-                picture: subscriber.picture,
-                about: subscriber.about
-              });
 
               // Use the backend data as-is since NDK had no better information
               updateSubscriberProfile(subscriber.pubkey, {
@@ -163,10 +141,8 @@ export const PaidSubscribers: React.FC = () => {
               });
             }
           } catch (error) {
-            console.error(`[PaidSubscribers] Error fetching NDK profile for ${subscriber.pubkey}:`, error);
 
             // Error occurred - fallback to backend data
-            console.log(`[PaidSubscribers] NDK error for ${subscriber.pubkey}, using backend data`);
             updateSubscriberProfile(subscriber.pubkey, {
               ...subscriber,
               name: subscriber.name || 'Anonymous Subscriber',
@@ -177,7 +153,6 @@ export const PaidSubscribers: React.FC = () => {
         }),
       );
 
-      console.log('[PaidSubscribers] Hybrid profile fetch completed');
       setLoadingProfiles(false);
     };
 
@@ -190,8 +165,6 @@ export const PaidSubscribers: React.FC = () => {
     setIsViewAllModalVisible(false);
   };
 
-  console.log('[PaidSubscribers] Received subscribers:', subscribers);
-  console.log('[PaidSubscribers] Complete hook result:', hookResult);
 
   const sliderRef = useRef<Splide>(null);
   const { isTablet: isTabletOrHigher } = useResponsive();

src/components/relay-dashboard/totalEarning/TotalEarning.tsx

@@ -33,8 +33,6 @@ export const TotalEarning: React.FC = () => {
   const isIncreased = latestRate && previousRate ? latestRate > previousRate : false;
   const rateDifference = latestRate && previousRate ? ((latestRate - previousRate) / previousRate) * 100 : 0;
 
-  console.log(`latestRate: ${latestRate} previousRate: ${previousRate}`);
-  console.log(`Rate difference: ${rateDifference}`);
 
   if (isLoading) {
     return <div>{t('common.loading')}</div>;

src/components/relay-dashboard/totalEarning/TotalEarningChart/TotalEarningChart.tsx

@@ -20,8 +20,6 @@ export const TotalEarningChart: React.FC<TotalEarningChartProps> = ({ xAxisData,
   const theme = useAppSelector((state) => state.theme.theme);
   const { t } = useTranslation();
 
-  console.log('xAxisData:', xAxisData);
-  console.log('earningData:', earningData);
 
   // Ensure all values are numbers and handle empty arrays
   const numericData = earningData.data.map(val => Number(val)).filter(val => !isNaN(val));

src/hooks/useBitcoinRates.ts

@@ -8,6 +8,11 @@ interface Earning {
   usd_value: number;
 }
 
+// Global cache to prevent multiple simultaneous requests
+let globalRatesCache: { data: Earning[]; timestamp: number } | null = null;
+let globalPromise: Promise<Earning[]> | null = null;
+const CACHE_DURATION = 480000; // 8 minutes (backend updates every 10 minutes)
+
 export const useBitcoinRates = () => {
   const [rates, setRates] = useState<Earning[]>([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -16,47 +21,96 @@ export const useBitcoinRates = () => {
   const handleLogout = useHandleLogout();
 
   useEffect(() => {
-    const fetchBitcoinRates = async () => {
-      setIsLoading(true);
-      setError(null); // Reset error state before fetching
+    const fetchBitcoinRates = async (retryCount = 0): Promise<Earning[]> => {
+      // Check cache first
+      if (globalRatesCache && Date.now() - globalRatesCache.timestamp < CACHE_DURATION) {
+        const cacheAge = Math.round((Date.now() - globalRatesCache.timestamp) / 1000);
+        console.log(`[useBitcoinRates] Using cached data (age: ${cacheAge}s)`);
+        return globalRatesCache.data;
+      }
 
-      try {
-        const token = readToken(); // Read JWT from localStorage
-        if (!token) {
-          throw new Error('No authentication token found');
-        }
+      // If there's already a request in progress, wait for it
+      if (globalPromise) {
+        console.log('[useBitcoinRates] Waiting for existing request to complete...');
+        return globalPromise;
+      }
 
-        const response = await fetch(`${config.baseURL}/api/bitcoin-rates/last-30-days`, {
-          method: 'GET',
-          headers: {
-            'Content-Type': 'application/json',
-            'Authorization': `Bearer ${token}`, // Attach the JWT token to the request
-          },
-        });
-
-        if (!response.ok) {
-          if (response.status === 401) {
-            handleLogout(); // Log out the user if token is invalid or expired
-            throw new Error('Authentication failed. You have been logged out.');
+      // Create new request
+      globalPromise = new Promise<Earning[]>(async (resolve, reject) => {
+        try {
+          const token = readToken(); // Read JWT from localStorage
+          if (!token) {
+            throw new Error('No authentication token found');
+          }
+
+          console.log('[useBitcoinRates] Fetching bitcoin rates...');
+          const response = await fetch(`${config.baseURL}/api/bitcoin-rates/last-30-days`, {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+              'Authorization': `Bearer ${token}`, // Attach the JWT token to the request
+            },
+          });
+
+          console.log(`[useBitcoinRates] Response status: ${response.status}`);
+
+          if (!response.ok) {
+            if (response.status === 401) {
+              handleLogout(); // Log out the user if token is invalid or expired
+              throw new Error('Authentication failed. You have been logged out.');
+            }
+            throw new Error(`Network response was not ok (status: ${response.status})`);
           }
-          throw new Error(`Network response was not ok (status: ${response.status})`);
-        }
 
-        const data = await response.json();
-        setRates(
-          data.map((item: { Rate: number; TimestampHornets: string }) => ({
+          const data = await response.json();
+          console.log('[useBitcoinRates] Data received successfully');
+          const processedData = data.map((item: { Rate: number; TimestampHornets: string }) => ({
             date: new Date(item.TimestampHornets).getTime(),
             usd_value: item.Rate,
-          })),
-        );
+          }));
+
+          // Cache the result
+          globalRatesCache = {
+            data: processedData,
+            timestamp: Date.now(),
+          };
+
+          resolve(processedData);
+        } catch (err: any) {
+          // Retry on network errors but not on auth errors
+          if (retryCount < 2 && err.message.includes('network') && !err.message.includes('Authentication')) {
+            setTimeout(() => {
+              globalPromise = null; // Clear the promise so retry can start
+              fetchBitcoinRates(retryCount + 1).then(resolve).catch(reject);
+            }, 1000);
+            return;
+          }
+          
+          reject(err);
+        } finally {
+          globalPromise = null; // Clear the promise when done
+        }
+      });
+
+      return globalPromise;
+    };
+
+    const loadRates = async () => {
+      setIsLoading(true);
+      setError(null);
+
+      try {
+        const data = await fetchBitcoinRates();
+        setRates(data);
       } catch (err: any) {
+        console.error('[useBitcoinRates] Error fetching rates:', err);
         setError(err.message);
       } finally {
         setIsLoading(false);
       }
     };
 
-    fetchBitcoinRates();
+    loadRates();
   }, [handleLogout]);
 
   return { rates, isLoading, error };

src/hooks/useChartData.ts

@@ -46,28 +46,19 @@ const useChartData = () => {
 
         const data: FileCountResponse = await response.json();
 
-        // Log the complete backend response for debugging
-        console.log('=== CHART DATA BACKEND RESPONSE ===');
-        console.log('Full response:', JSON.stringify(data, null, 2));
-        console.log('Response keys:', Object.keys(data));
-        console.log('==============================');
 
         // Process the data into chartDataItems using translated names
         // Handle dynamic media types while maintaining UI compatibility
         const newChartData: ChartDataItem[] = [];
 
         // Always include kinds first
-        console.log('Adding kinds data:', { value: data.kinds, name: t('categories.kinds') });
         newChartData.push({ value: data.kinds, name: t('categories.kinds') });
 
         // Destructure to separate kinds from media types
         const { kinds, ...mediaCounts } = data;
-        console.log('Media counts after destructuring:', mediaCounts);
-        console.log('Media count entries:', Object.entries(mediaCounts));
 
         // Map dynamic media types to chart data with fallback translations
         Object.entries(mediaCounts).forEach(([mediaType, count]) => {
-          console.log(`Processing media type: ${mediaType} with count: ${count}`);
           let translationKey = '';
           let fallbackName = '';
 
@@ -99,14 +90,9 @@ const useChartData = () => {
           // Use translation if available, otherwise use fallback
           const displayName = t(translationKey, { defaultValue: fallbackName });
           const chartItem = { value: count, name: displayName };
-          console.log(`Adding chart item:`, chartItem);
           newChartData.push(chartItem);
         });
 
-        console.log('=== FINAL CHART DATA ===');
-        console.log('Final chart data:', newChartData);
-        console.log('Chart data length:', newChartData.length);
-        console.log('========================');
 
         setChartData(newChartData);
       } catch (error) {