📌GlobalSpinner 조건 수정

This commit is contained in:
yoosangwook 2025-01-13 13:28:10 +09:00
parent a78ca8bc34
commit fe203f2905
6 changed files with 42 additions and 24 deletions

View File

@ -0,0 +1,10 @@
import { Suspense } from 'react'
import GlobalSpinner from '@/components/common/spinner/GlobalSpinner'
export default function CommunityLayout({ children }) {
return (
<>
<Suspense fallback={<GlobalSpinner />}>{children}</Suspense>
</>
)
}

View File

@ -1,6 +1,6 @@
import Estimate from '@/components/estimate/Estimate' import Estimate from '@/components/estimate/Estimate'
export default function EstimatePage({}) { export default async function EstimatePage({}) {
return ( return (
<> <>
<Estimate /> <Estimate />

View File

@ -4,6 +4,8 @@ import { usePathname } from 'next/navigation'
import FloorPlanProvider from './FloorPlanProvider' import FloorPlanProvider from './FloorPlanProvider'
import FloorPlan from '@/components/floor-plan/FloorPlan' import FloorPlan from '@/components/floor-plan/FloorPlan'
import CanvasLayout from '@/components/floor-plan/CanvasLayout' import CanvasLayout from '@/components/floor-plan/CanvasLayout'
import { Suspense } from 'react'
import GlobalSpinner from '@/components/common/spinner/GlobalSpinner'
export default function FloorPlanLayout({ children }) { export default function FloorPlanLayout({ children }) {
console.log('🚀 ~ FloorPlanLayout ~ FloorPlanLayout:') console.log('🚀 ~ FloorPlanLayout ~ FloorPlanLayout:')
@ -12,6 +14,7 @@ export default function FloorPlanLayout({ children }) {
return ( return (
<> <>
<Suspense fallback={<GlobalSpinner />}>
<FloorPlanProvider> <FloorPlanProvider>
<FloorPlan> <FloorPlan>
{/* {pathname.includes('estimate') || pathname.includes('simulator') ? ( {/* {pathname.includes('estimate') || pathname.includes('simulator') ? (
@ -22,6 +25,7 @@ export default function FloorPlanLayout({ children }) {
<CanvasLayout>{children}</CanvasLayout> <CanvasLayout>{children}</CanvasLayout>
</FloorPlan> </FloorPlan>
</FloorPlanProvider> </FloorPlanProvider>
</Suspense>
</> </>
) )
} }

View File

@ -1,6 +1,6 @@
import CanvasFrame from '@/components/floor-plan/CanvasFrame' import CanvasFrame from '@/components/floor-plan/CanvasFrame'
export default function FloorPlanPage() { export default async function FloorPlanPage() {
return ( return (
<> <>
<CanvasFrame /> <CanvasFrame />

View File

@ -1,6 +1,6 @@
import Simulator from '@/components/simulator/Simulator' import Simulator from '@/components/simulator/Simulator'
export default function SimulatorPage() { export default async function SimulatorPage() {
return ( return (
<> <>
<Simulator /> <Simulator />

View File

@ -15,6 +15,8 @@ import './globals.css'
import '../styles/style.scss' import '../styles/style.scss'
import '../styles/contents.scss' import '../styles/contents.scss'
import Footer from '@/components/footer/Footer' import Footer from '@/components/footer/Footer'
import { Suspense } from 'react'
import GlobalSpinner from '@/components/common/spinner/GlobalSpinner'
export const metadata = { export const metadata = {
title: 'Create Next App', title: 'Create Next App',
@ -64,6 +66,7 @@ export default async function RootLayout({ children }) {
<GlobalDataProvider> <GlobalDataProvider>
<html lang="en"> <html lang="en">
<body> <body>
<Suspense fallback={<GlobalSpinner />}>
{headerPathname === '/login' || headerPathname === '/join' ? ( {headerPathname === '/login' || headerPathname === '/join' ? (
<QcastProvider>{children}</QcastProvider> <QcastProvider>{children}</QcastProvider>
) : ( ) : (
@ -80,6 +83,7 @@ export default async function RootLayout({ children }) {
)} )}
<QModal /> <QModal />
<PopupManager /> <PopupManager />
</Suspense>
</body> </body>
</html> </html>
</GlobalDataProvider> </GlobalDataProvider>