matt/puffin-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add comprehensive debugging logs for state restoration troubleshooting
All checks were successful
Build and Push Docker Images / docker (push) Successful in 48s
Details

Browse Source
This commit is contained in:
Matt 2025-10-30 16:56:22 +01:00
parent cb9c9f8291
commit e5dced48d2
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.tsx
View File

@ -93,8 +93,13 @@ function App() {
// Restore offset order state when navigating to calculator page // Restore offset order state when navigating to calculator page
// This handles browser back from Stripe checkout // This handles browser back from Stripe checkout
useEffect(() => { useEffect(() => {
console.log('[State Restoration Debug] useEffect triggered');
console.log('[State Restoration Debug] currentPage:', currentPage);
console.log('[State Restoration Debug] savedState:', savedState);
console.log('[State Restoration Debug] savedState?.showOffsetOrder:', savedState?.showOffsetOrder);
if (currentPage === 'calculator' && savedState && savedState.showOffsetOrder) { if (currentPage === 'calculator' && savedState && savedState.showOffsetOrder) {
console.log('[State Restoration] Restoring offset order state from localStorage'); console.log('[State Restoration] ✅ Conditions met - Restoring offset order state from localStorage');
console.log('[State Restoration] Offset tons:', savedState.offsetTons); console.log('[State Restoration] Offset tons:', savedState.offsetTons);
console.log('[State Restoration] Monetary amount:', savedState.monetaryAmount); console.log('[State Restoration] Monetary amount:', savedState.monetaryAmount);
console.log('[State Restoration] Calculator type:', savedState.calculatorTypeUsed); console.log('[State Restoration] Calculator type:', savedState.calculatorTypeUsed);
@ -103,6 +108,17 @@ function App() {
setOffsetTons(savedState.offsetTons || 0); setOffsetTons(savedState.offsetTons || 0);
setMonetaryAmount(savedState.monetaryAmount); setMonetaryAmount(savedState.monetaryAmount);
setCalculatorType(savedState.calculatorTypeUsed || 'trip'); setCalculatorType(savedState.calculatorTypeUsed || 'trip');
} else {
console.log('[State Restoration] ❌ Conditions NOT met - State will NOT be restored');
if (currentPage !== 'calculator') {
console.log('[State Restoration] Reason: currentPage is not "calculator"');
}
if (!savedState) {
console.log('[State Restoration] Reason: savedState is null/undefined');
}
if (savedState && !savedState.showOffsetOrder) {
console.log('[State Restoration] Reason: showOffsetOrder is false');
}
} }
}, [currentPage, savedState]); }, [currentPage, savedState]);
@ -122,22 +138,26 @@ function App() {
}; };
const handleOffsetClick = (tons: number, monetaryAmount?: number) => { const handleOffsetClick = (tons: number, monetaryAmount?: number) => {
console.log('[Offset Click Debug] handleOffsetClick called with tons:', tons, 'amount:', monetaryAmount);
setOffsetTons(tons); setOffsetTons(tons);
setMonetaryAmount(monetaryAmount); setMonetaryAmount(monetaryAmount);
setShowOffsetOrder(true); setShowOffsetOrder(true);
// Save offset state to localStorage for browser back navigation // Save offset state to localStorage for browser back navigation
saveState({ const stateToSave = {
showOffsetOrder: true, showOffsetOrder: true,
offsetTons: tons, offsetTons: tons,
monetaryAmount, monetaryAmount,
calculatorTypeUsed: calculatorType, calculatorTypeUsed: calculatorType,
}); };
console.log('[Offset Click Debug] Saving state to localStorage:', stateToSave);
saveState(stateToSave);
window.scrollTo({ top: 0, behavior: 'smooth' }); window.scrollTo({ top: 0, behavior: 'smooth' });
}; };
const handleNavigate = (page: 'home' | 'calculator' | 'how-it-works' | 'about' | 'contact') => { const handleNavigate = (page: 'home' | 'calculator' | 'how-it-works' | 'about' | 'contact') => {
console.log('[Navigation Debug] handleNavigate called with page:', page);
setCurrentPage(page); setCurrentPage(page);
setMobileMenuOpen(false); setMobileMenuOpen(false);
setIsMobileApp(false); setIsMobileApp(false);