119 lines
4.1 KiB
TypeScript
119 lines
4.1 KiB
TypeScript
|
|
import { Toaster } from "@/components/ui/toaster";
|
|
import { Toaster as Sonner } from "@/components/ui/sonner";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|
import { useState, useEffect } from "react";
|
|
import Index from "./pages/Index";
|
|
import Transactions from "./pages/Transactions";
|
|
import Analytics from "./pages/Analytics";
|
|
import Settings from "./pages/Settings";
|
|
import ProfileManagement from "./pages/ProfileManagement";
|
|
import NotificationSettings from "./pages/NotificationSettings";
|
|
import SecurityPrivacySettings from "./pages/SecurityPrivacySettings";
|
|
import HelpSupport from "./pages/HelpSupport";
|
|
import PaymentMethods from "./pages/PaymentMethods";
|
|
import NotFound from "./pages/NotFound";
|
|
import Login from "./pages/Login";
|
|
import Register from "./pages/Register";
|
|
import ForgotPassword from "./pages/ForgotPassword";
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
retry: 1,
|
|
refetchOnWindowFocus: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
const App = () => {
|
|
const [isLoaded, setIsLoaded] = useState(false);
|
|
|
|
useEffect(() => {
|
|
// 애플리케이션 초기화 및 로딩 상태 관리
|
|
try {
|
|
// 기본 예산 데이터 초기화
|
|
if (!localStorage.getItem('budgetData')) {
|
|
const defaultBudgetData = {
|
|
daily: {
|
|
targetAmount: 40000,
|
|
spentAmount: 0,
|
|
remainingAmount: 40000
|
|
},
|
|
weekly: {
|
|
targetAmount: 280000,
|
|
spentAmount: 0,
|
|
remainingAmount: 280000
|
|
},
|
|
monthly: {
|
|
targetAmount: 1200000,
|
|
spentAmount: 0,
|
|
remainingAmount: 1200000
|
|
}
|
|
};
|
|
localStorage.setItem('budgetData', JSON.stringify(defaultBudgetData));
|
|
}
|
|
|
|
// 기본 카테고리 예산 설정
|
|
if (!localStorage.getItem('categoryBudgets')) {
|
|
const defaultCategoryBudgets = {
|
|
식비: 400000,
|
|
생활비: 600000,
|
|
교통비: 200000
|
|
};
|
|
localStorage.setItem('categoryBudgets', JSON.stringify(defaultCategoryBudgets));
|
|
}
|
|
|
|
// 빈 트랜잭션 배열 초기화
|
|
if (!localStorage.getItem('transactions')) {
|
|
localStorage.setItem('transactions', JSON.stringify([]));
|
|
}
|
|
|
|
setIsLoaded(true);
|
|
} catch (error) {
|
|
console.error('앱 초기화 중 오류 발생:', error);
|
|
// 오류가 발생해도 앱 로딩
|
|
setIsLoaded(true);
|
|
}
|
|
}, []);
|
|
|
|
if (!isLoaded) {
|
|
return <div className="flex items-center justify-center h-screen">
|
|
<div className="text-center">
|
|
<div className="animate-spin h-8 w-8 border-4 border-neuro-income border-t-transparent rounded-full mx-auto mb-4"></div>
|
|
<p className="text-gray-600">앱을 로딩 중입니다...</p>
|
|
</div>
|
|
</div>;
|
|
}
|
|
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<TooltipProvider>
|
|
<Toaster />
|
|
<Sonner />
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/" element={<Index />} />
|
|
<Route path="/transactions" element={<Transactions />} />
|
|
<Route path="/analytics" element={<Analytics />} />
|
|
<Route path="/settings" element={<Settings />} />
|
|
<Route path="/profile-management" element={<ProfileManagement />} />
|
|
<Route path="/notification-settings" element={<NotificationSettings />} />
|
|
<Route path="/security-privacy-settings" element={<SecurityPrivacySettings />} />
|
|
<Route path="/help-support" element={<HelpSupport />} />
|
|
<Route path="/payment-methods" element={<PaymentMethods />} />
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/register" element={<Register />} />
|
|
<Route path="/forgot-password" element={<ForgotPassword />} />
|
|
<Route path="*" element={<NotFound />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</TooltipProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
};
|
|
|
|
export default App;
|