mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-30 10:27:49 +00:00
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.
134 lines
3.5 KiB
TypeScript
134 lines
3.5 KiB
TypeScript
import { useCallback, useMemo } from 'react';
|
|
import { useQuery } from '@tanstack/react-query';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { currencyApi, type ExchangeRates } from '../api/currency';
|
|
|
|
// Map language to currency
|
|
const LANGUAGE_CURRENCY_MAP: Record<string, keyof ExchangeRates | 'RUB'> = {
|
|
ru: 'RUB',
|
|
en: 'USD',
|
|
zh: 'CNY',
|
|
fa: 'IRR',
|
|
};
|
|
|
|
// Default rates for fallback
|
|
const DEFAULT_RATES: ExchangeRates = {
|
|
USD: 100,
|
|
CNY: 14,
|
|
IRR: 0.0024,
|
|
};
|
|
|
|
export function useCurrency() {
|
|
const { i18n, t } = useTranslation();
|
|
|
|
// Fetch exchange rates
|
|
const { data: exchangeRates = DEFAULT_RATES } = useQuery({
|
|
queryKey: ['exchange-rates'],
|
|
queryFn: currencyApi.getExchangeRates,
|
|
staleTime: 60 * 60 * 1000, // 1 hour
|
|
refetchOnWindowFocus: false,
|
|
retry: 2,
|
|
});
|
|
|
|
// Get current language and currency
|
|
const currentLanguage = i18n.language;
|
|
const targetCurrency = LANGUAGE_CURRENCY_MAP[currentLanguage] || 'USD';
|
|
|
|
// Check if current language is Russian (no conversion needed)
|
|
const isRussian = currentLanguage === 'ru';
|
|
|
|
// Get currency symbol from translations
|
|
const currencySymbol = t('common.currency');
|
|
|
|
// Format amount with currency conversion
|
|
const formatAmount = useCallback(
|
|
(rubAmount: number, decimals: number = 2): string => {
|
|
if (isRussian) {
|
|
return rubAmount.toFixed(decimals);
|
|
}
|
|
|
|
// Convert to target currency
|
|
const convertedAmount = currencyApi.convertFromRub(
|
|
rubAmount,
|
|
targetCurrency as keyof ExchangeRates,
|
|
exchangeRates,
|
|
);
|
|
|
|
// For IRR (Iranian Toman), use no decimals as amounts are large
|
|
if (targetCurrency === 'IRR') {
|
|
return Math.round(convertedAmount).toLocaleString('fa-IR');
|
|
}
|
|
|
|
return convertedAmount.toFixed(decimals);
|
|
},
|
|
[isRussian, targetCurrency, exchangeRates],
|
|
);
|
|
|
|
// Format amount with currency symbol
|
|
const formatWithCurrency = useCallback(
|
|
(rubAmount: number, decimals: number = 2): string => {
|
|
return `${formatAmount(rubAmount, decimals)} ${currencySymbol}`;
|
|
},
|
|
[formatAmount, currencySymbol],
|
|
);
|
|
|
|
// Format amount with + sign (for earnings/bonuses)
|
|
const formatPositive = useCallback(
|
|
(rubAmount: number, decimals: number = 2): string => {
|
|
return `+${formatAmount(rubAmount, decimals)} ${currencySymbol}`;
|
|
},
|
|
[formatAmount, currencySymbol],
|
|
);
|
|
|
|
// Get raw converted amount (for calculations)
|
|
const convertAmount = useCallback(
|
|
(rubAmount: number): number => {
|
|
if (isRussian) {
|
|
return rubAmount;
|
|
}
|
|
return currencyApi.convertFromRub(
|
|
rubAmount,
|
|
targetCurrency as keyof ExchangeRates,
|
|
exchangeRates,
|
|
);
|
|
},
|
|
[isRussian, targetCurrency, exchangeRates],
|
|
);
|
|
|
|
// Convert from user's currency back to rubles
|
|
const convertToRub = useCallback(
|
|
(amount: number): number => {
|
|
if (isRussian) {
|
|
return amount;
|
|
}
|
|
return currencyApi.convertToRub(amount, targetCurrency as keyof ExchangeRates, exchangeRates);
|
|
},
|
|
[isRussian, targetCurrency, exchangeRates],
|
|
);
|
|
|
|
return useMemo(
|
|
() => ({
|
|
exchangeRates,
|
|
targetCurrency,
|
|
isRussian,
|
|
currencySymbol,
|
|
formatAmount,
|
|
formatWithCurrency,
|
|
formatPositive,
|
|
convertAmount,
|
|
convertToRub,
|
|
}),
|
|
[
|
|
exchangeRates,
|
|
targetCurrency,
|
|
isRussian,
|
|
currencySymbol,
|
|
formatAmount,
|
|
formatWithCurrency,
|
|
formatPositive,
|
|
convertAmount,
|
|
convertToRub,
|
|
],
|
|
);
|
|
}
|