test: debugging

Author: pmelab

frontend/src/app/upgrade/page.tsx

@@ -49,15 +49,18 @@ export default function PricingTokenPage() {
 
   // Initialize upgrade flow when component mounts or token changes
   useEffect(() => {
+    console.log('Upgrade page useEffect - token:', token, 'initializedRef:', initializedRef.current);
     // Reset the initialized flag when token changes
     if (token !== initializedRef.current) {
       initializedRef.current = null;
     }
 
     if (token && !initializedRef.current) {
+      console.log('Calling initializeUpgrade with token:', token);
       initializeUpgrade(token);
       initializedRef.current = token;
     } else if (!token) {
+      console.log('No token, calling reset');
       reset();
       initializedRef.current = null;
     }

frontend/src/stores/use-config.ts

@@ -35,12 +35,19 @@ export const useConfig = create<ConfigState>((set, get) => ({
   setError: (error) => set({ error, loading: false }),
 
   loadConfig: async () => {
+    console.log('loadConfig called');
     const state = get();
-    if (state.loading) return; // Prevent multiple simultaneous requests
+    console.log('current state loading:', state.loading);
+    if (state.loading) {
+      console.log('loadConfig: already loading, returning early');
+      return; // Prevent multiple simultaneous requests
+    }
 
+    console.log('loadConfig: setting loading to true');
     set({ loading: true, error: null });
 
     try {
+      console.log('loadConfig: about to fetch /api/config');
       const response = await fetch('/api/config');
       console.log('config response', response);
       if (!response.ok) {
@@ -69,5 +76,6 @@ export const useConfig = create<ConfigState>((set, get) => ({
 
 // Initialize config on store creation (only in browser environment)
 if (typeof window !== 'undefined') {
+  console.log('Initializing config store in browser');
   useConfig.getState().loadConfig();
 }

frontend/src/stores/use-upgrade.ts

@@ -88,10 +88,13 @@ export const useUpgrade = create<UpgradeState>((set, get) => ({
 
   // Complex actions
   loadConfig: async () => {
+    console.log('useUpgrade loadConfig called');
     try {
       const configStore = useConfig.getState();
+      console.log('configStore state before load:', configStore);
 
       // Always try to load config from API to ensure we have the latest
+      console.log('calling configStore.loadConfig()');
       await configStore.loadConfig();
 
       // Get the config from the config store after loading