1- import { useState } from ' react' ;
2- import { BrowserRouter as Router , Routes , Route } from ' react-router-dom' ;
3- import { QueryClient , QueryClientProvider } from ' @tanstack/react-query' ;
4- import LandingPage from ' ./components/LandingPage' ;
5- import QuizSection from ' ./components/sections/QuizSection' ;
6- import TodayEmailFormSection from ' ./components/sections/TodayEmailFormSection' ;
7- import VerificationEmailPage from ' ./components/VerificationEmailPage' ;
8- import TodayQuizPage from ' ./components/sections/TodayQuizSection' ;
9- import SubscriptionEditSection from ' ./components/sections/SubscriptionEditSection' ;
10- import Header from ' ./components/common/Header' ;
11- import Footer from ' ./components/common/Footer' ;
12- import SubscriptionModal from ' ./components/common/SubscriptionModal' ;
13- import { ModalProvider } from ' ./contexts/ModalContext' ;
14- import ModalManager from ' ./components/common/ModalManager' ;
15- import ' ./App.css' ;
16- import ProfileSection from ' ./components/sections/ProfileSection' ;
1+ import { useState } from " react" ;
2+ import { BrowserRouter as Router , Routes , Route } from " react-router-dom" ;
3+ import { QueryClient , QueryClientProvider } from " @tanstack/react-query" ;
4+ import LandingPage from " ./components/LandingPage" ;
5+ import QuizSection from " ./components/sections/QuizSection" ;
6+ import TodayEmailFormSection from " ./components/sections/TodayEmailFormSection" ;
7+ import VerificationEmailPage from " ./components/VerificationEmailPage" ;
8+ import TodayQuizPage from " ./components/sections/TodayQuizSection" ;
9+ import SubscriptionEditSection from " ./components/sections/SubscriptionEditSection" ;
10+ import Header from " ./components/common/Header" ;
11+ import Footer from " ./components/common/Footer" ;
12+ import SubscriptionModal from " ./components/common/SubscriptionModal" ;
13+ import { ModalProvider } from " ./contexts/ModalContext" ;
14+ import ModalManager from " ./components/common/ModalManager" ;
15+ import " ./App.css" ;
16+ import ProfileSection from " ./components/sections/ProfileSection" ;
1717
1818// React Query client 생성
1919const queryClient = new QueryClient ( {
@@ -35,18 +35,31 @@ function App() {
3535 < Router >
3636 < Header />
3737 < Routes >
38- < Route path = "/" element = { < LandingPage onSubscribeClick = { ( ) => setIsSubscriptionModalOpen ( true ) } /> } />
38+ < Route
39+ path = "/"
40+ element = {
41+ < LandingPage
42+ onSubscribeClick = { ( ) => setIsSubscriptionModalOpen ( true ) }
43+ />
44+ }
45+ />
3946 < Route path = "/todayQuiz" element = { < TodayQuizPage /> } />
4047 < Route path = "/quiz" element = { < QuizSection /> } />
4148 < Route path = "/mailform" element = { < TodayEmailFormSection /> } />
42- < Route path = "/verification-email" element = { < VerificationEmailPage /> } />
43- < Route path = "/subscriptions/:subscriptionId" element = { < SubscriptionEditSection /> } />
49+ < Route
50+ path = "/verification-email"
51+ element = { < VerificationEmailPage /> }
52+ />
53+ < Route
54+ path = "/subscriptions/:subscriptionId"
55+ element = { < SubscriptionEditSection /> }
56+ />
4457 < Route path = "/profile" element = { < ProfileSection /> } />
4558 </ Routes >
4659 < Footer />
47- < SubscriptionModal
48- isOpen = { isSubscriptionModalOpen }
49- onClose = { ( ) => setIsSubscriptionModalOpen ( false ) }
60+ < SubscriptionModal
61+ isOpen = { isSubscriptionModalOpen }
62+ onClose = { ( ) => setIsSubscriptionModalOpen ( false ) }
5063 />
5164 < ModalManager />
5265 </ Router >
0 commit comments