ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BudgetProvider 및 isMobile 오류 수정

Browse Source 
- App.tsx에 BudgetProvider 추가로 지출 페이지 오류 해결
- SummaryCards 컴포넌트에 useIsMobile 훅 import 추가로 분석 페이지 오류 해결
- 모든 페이지가 정상적으로 작동하도록 수정

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
hansoo
2025-07-14 14:25:49 +09:00
parent 3934ab933f
commit 3225d0492b
2 changed files with 69 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/App.tsx
View File

@@ -37,6 +37,7 @@ import {
ClerkProvider,
ClerkDebugInfo,
} from "./components/providers/ClerkProvider";
import { BudgetProvider } from "./contexts/budget/BudgetContext";
// 페이지 컴포넌트들을 개선된 레이지 로딩으로 변경 (ChunkLoadError 재시도 포함)
const Index = createLazyComponent(() => import("./pages/Index"));
@@ -380,77 +381,79 @@ function App() {
fallback={<ErrorScreen error={error} retry={handleRetry} />}
showDialog={false}
>
<BasicLayout>
<PageTracker />
<Suspense fallback={<PageLoadingSpinner />}>
<Routes>
<Route path="/" element={<Index />} />
{/* Clerk 라우트 다시 활성화 */}
<Route path="/sign-in/*" element={<SignIn />} />
<Route path="/sign-up/*" element={<SignUp />} />
<Route path="/login" element={<Login />} />
<Route path="/register" element={<Register />} />
<Route path="/settings" element={<Settings />} />
<Route path="/transactions" element={<Transactions />} />
<Route path="/analytics" element={<Analytics />} />
<Route path="/profile" element={<ProfileManagement />} />
<Route path="/payment-methods" element={<PaymentMethods />} />
<Route path="/help-support" element={<HelpSupport />} />
<Route
path="/security-privacy"
element={<SecurityPrivacySettings />}
<BudgetProvider>
<BasicLayout>
<PageTracker />
<Suspense fallback={<PageLoadingSpinner />}>
<Routes>
<Route path="/" element={<Index />} />
{/* Clerk 라우트 다시 활성화 */}
<Route path="/sign-in/*" element={<SignIn />} />
<Route path="/sign-up/*" element={<SignUp />} />
<Route path="/login" element={<Login />} />
<Route path="/register" element={<Register />} />
<Route path="/settings" element={<Settings />} />
<Route path="/transactions" element={<Transactions />} />
<Route path="/analytics" element={<Analytics />} />
<Route path="/profile" element={<ProfileManagement />} />
<Route path="/payment-methods" element={<PaymentMethods />} />
<Route path="/help-support" element={<HelpSupport />} />
<Route
path="/security-privacy"
element={<SecurityPrivacySettings />}
/>
<Route
path="/notifications"
element={<NotificationSettings />}
/>
<Route path="/forgot-password" element={<ForgotPassword />} />
<Route path="/pwa-debug" element={<PWADebugPage />} />
<Route path="*" element={<NotFound />} />
</Routes>
</Suspense>
{/* React Query 캐시 관리 */}
<Suspense fallback={null}>
<QueryCacheManager
cleanupIntervalMinutes={30}
enableOfflineCache={true}
enableCacheAnalysis={isDevMode}
/>
<Route
path="/notifications"
element={<NotificationSettings />}
</Suspense>
{/* 오프라인 상태 관리 */}
<Suspense fallback={null}>
<OfflineManager
showOfflineToast={true}
autoSyncOnReconnect={true}
/>
<Route path="/forgot-password" element={<ForgotPassword />} />
<Route path="/pwa-debug" element={<PWADebugPage />} />
<Route path="*" element={<NotFound />} />
</Routes>
</Suspense>
{/* React Query 캐시 관리 */}
<Suspense fallback={null}>
<QueryCacheManager
cleanupIntervalMinutes={30}
enableOfflineCache={true}
enableCacheAnalysis={isDevMode}
/>
</Suspense>
</Suspense>
{/* 오프라인 상태 관리 */}
<Suspense fallback={null}>
<OfflineManager
showOfflineToast={true}
autoSyncOnReconnect={true}
/>
</Suspense>
{/* 백그라운드 자동 동기화 - 성능 최적화로 30초 간격으로 조정 */}
<Suspense fallback={null}>
<BackgroundSync
intervalMinutes={0.5}
syncOnFocus={true}
syncOnOnline={true}
/>
</Suspense>
{/* 백그라운드 자동 동기화 - 성능 최적화로 30초 간격으로 조정 */}
<Suspense fallback={null}>
<BackgroundSync
intervalMinutes={0.5}
syncOnFocus={true}
syncOnOnline={true}
/>
</Suspense>
{/* 개발환경에서 Sentry 테스트 버튼 */}
<Suspense fallback={null}>
<SentryTestButton />
</Suspense>
{/* 개발환경에서 Sentry 테스트 버튼 */}
<Suspense fallback={null}>
<SentryTestButton />
</Suspense>
{/* 개발환경에서 Clerk 상태 디버깅 */}
<ClerkDebugInfo />
{/* 개발환경에서 Clerk 상태 디버깅 */}
<ClerkDebugInfo />
{/* 개발환경에서 환경 변수 테스트 */}
{isDevMode && <EnvTest />}
{/* 개발환경에서 환경 변수 테스트 */}
{isDevMode && <EnvTest />}
{/* Clerk 디버그 및 제어 */}
<Suspense fallback={null}>
<ClerkDebugControl />
</Suspense>
</BasicLayout>
{/* Clerk 디버그 및 제어 */}
<Suspense fallback={null}>
<ClerkDebugControl />
</Suspense>
</BasicLayout>
</BudgetProvider>
{isDevMode && <ReactQueryDevtools initialIsOpen={false} />}
</SentryErrorBoundary>
</QueryClientProvider>

2
src/components/analytics/SummaryCards.tsx
View File

@@ -1,6 +1,7 @@
import React from "react";
import { Wallet, CreditCard, Coins } from "lucide-react";
import { formatCurrency } from "@/utils/currencyFormatter";
import { useIsMobile } from "@/hooks/use-mobile";
interface SummaryCardsProps {
totalBudget: number;
totalExpense: number;
@@ -11,6 +12,7 @@ const SummaryCards: React.FC<SummaryCardsProps> = ({
totalExpense,
_savingsPercentage,
}) => {
const isMobile = useIsMobile();
// 남은 예산 계산
const remainingBudget = totalBudget - totalExpense;
const isOverBudget = remainingBudget < 0;