parent
28d408ace5
commit
d9ea716089
1 changed files with 7 additions and 9 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import { useEffect } from 'react';
|
||||
import { BrowserRouter, Routes, Route } from 'react-router-dom';
|
||||
import { isMobileOnly } from 'react-device-detect';
|
||||
import { BrowserView, MobileView } from 'react-device-detect';
|
||||
|
||||
// 공통 컴포넌트
|
||||
import { ScrollToTop } from '@/components/common';
|
||||
|
|
@ -52,16 +52,14 @@ function PCWrapper({ children }) {
|
|||
/**
|
||||
* 프로미스나인 팬사이트 메인 앱
|
||||
* react-device-detect를 사용한 PC/Mobile 분리
|
||||
* - PC, 태블릿: PC 뷰
|
||||
* - 모바일(폰): Mobile 뷰
|
||||
*/
|
||||
function App() {
|
||||
return (
|
||||
<BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
|
||||
<ScrollToTop />
|
||||
|
||||
{/* PC + 태블릿 뷰 */}
|
||||
{!isMobileOnly && (
|
||||
{/* PC 뷰 */}
|
||||
<BrowserView>
|
||||
<PCWrapper>
|
||||
<Routes>
|
||||
{/* 관리자 페이지 (레이아웃 없음) */}
|
||||
|
|
@ -90,10 +88,10 @@ function App() {
|
|||
/>
|
||||
</Routes>
|
||||
</PCWrapper>
|
||||
)}
|
||||
</BrowserView>
|
||||
|
||||
{/* Mobile 뷰 (폰만) */}
|
||||
{isMobileOnly && (
|
||||
{/* Mobile 뷰 */}
|
||||
<MobileView>
|
||||
<Routes>
|
||||
<Route
|
||||
path="/"
|
||||
|
|
@ -156,7 +154,7 @@ function App() {
|
|||
{/* 404 페이지 */}
|
||||
<Route path="*" element={<MobileNotFound />} />
|
||||
</Routes>
|
||||
)}
|
||||
</MobileView>
|
||||
</BrowserRouter>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue