mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-29 18:13:47 +00:00
562ab7abf7
Phase 0: Remove ~920 lines of dead code (ThemeBentoPicker, PromoDiscountBadge, AdminLayout, SettingsSidebar, MovingGradient, EmptyState, miniapp API, unused types/functions/transitions/skeleton helpers). Fix API barrel file (add 20 missing exports). Phase 1: Add ErrorBoundary (app/page/widget levels), centralize constants, add axios timeout, fix staleTime:0 in React Query. Phase 2: Consolidate hexToHsl, extract email validation, fix duplicate code. Phase 3: Fix auth race condition (await checkAdminStatus), memoize useCurrency, add WebSocket message validation. Phase 4: Extract useBranding, useFeatureFlags, useScrollRestoration from AppShell. Phase 5: Remove all eslint-disable react-hooks/exhaustive-deps (14 total), simplify logger, remove deprecated hooks (useBackButton, useTelegramDnd, useTelegramWebApp). Dependencies: React 19, react-router 7, zustand 5, i18next 25, react-i18next 16, eslint-plugin-react-refresh 0.5. Remove unused @lottiefiles/dotlottie-react. Convert vite manualChunks to function-based approach for react-router v7 compat. Lint: Fix logger.ts no-unused-expressions, fix react-refresh/only-export-components in 6 Radix primitive files (const re-exports → direct re-exports), fix WebSocketProvider exhaustive-deps. Result: 0 errors, 0 warnings. Add CLAUDE.md to .gitignore.
86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
import { useEffect, useRef, useCallback } from 'react';
|
|
import { BrowserRouter, useLocation, useNavigate } from 'react-router';
|
|
import {
|
|
showBackButton,
|
|
hideBackButton,
|
|
onBackButtonClick,
|
|
offBackButtonClick,
|
|
} from '@telegram-apps/sdk-react';
|
|
import App from './App';
|
|
import { ErrorBoundary } from './components/ErrorBoundary';
|
|
import { PlatformProvider } from './platform/PlatformProvider';
|
|
import { ThemeColorsProvider } from './providers/ThemeColorsProvider';
|
|
import { WebSocketProvider } from './providers/WebSocketProvider';
|
|
import { ToastProvider } from './components/Toast';
|
|
import { TooltipProvider } from './components/primitives/Tooltip';
|
|
import { isInTelegramWebApp } from './hooks/useTelegramSDK';
|
|
|
|
/**
|
|
* Manages Telegram BackButton visibility based on navigation location.
|
|
* Shows back button on non-root routes, hides on root.
|
|
*/
|
|
function TelegramBackButton() {
|
|
const location = useLocation();
|
|
const navigate = useNavigate();
|
|
const navigateRef = useRef(navigate);
|
|
navigateRef.current = navigate;
|
|
|
|
useEffect(() => {
|
|
const isRoot = location.pathname === '/' || location.pathname === '';
|
|
try {
|
|
if (isRoot) {
|
|
hideBackButton();
|
|
} else {
|
|
showBackButton();
|
|
}
|
|
} catch {
|
|
// Back button not mounted
|
|
}
|
|
}, [location]);
|
|
|
|
// Stable handler — ref prevents re-subscription on every render
|
|
const handler = useCallback(() => {
|
|
navigateRef.current(-1);
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
try {
|
|
onBackButtonClick(handler);
|
|
} catch {
|
|
// Back button not mounted
|
|
}
|
|
return () => {
|
|
try {
|
|
offBackButtonClick(handler);
|
|
} catch {
|
|
// Back button not mounted
|
|
}
|
|
};
|
|
}, [handler]);
|
|
|
|
return null;
|
|
}
|
|
|
|
export function AppWithNavigator() {
|
|
const isTelegram = isInTelegramWebApp();
|
|
|
|
return (
|
|
<BrowserRouter>
|
|
{isTelegram && <TelegramBackButton />}
|
|
<ErrorBoundary level="page">
|
|
<PlatformProvider>
|
|
<ThemeColorsProvider>
|
|
<TooltipProvider>
|
|
<ToastProvider>
|
|
<WebSocketProvider>
|
|
<App />
|
|
</WebSocketProvider>
|
|
</ToastProvider>
|
|
</TooltipProvider>
|
|
</ThemeColorsProvider>
|
|
</PlatformProvider>
|
|
</ErrorBoundary>
|
|
</BrowserRouter>
|
|
);
|
|
}
|