From 451f742b0f3baa8969308bd8c092ab2f1deb19c5 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Fri, 18 Oct 2024 09:35:40 +0900
Subject: [PATCH] refactor:  layout.js and CanvasLayout.jsx

- Add SessionProvider to layout.js to handle user session
- Import SessionContext and useContext in CanvasLayout.jsx to access session data
- Remove unnecessary comments and console.log statements
---
 src/app/SessionProvider.js                 | 12 ++++++++++++
 src/app/layout.js                          |  5 ++++-
 src/components/floor-plan/CanvasLayout.jsx |  7 +++++--
 3 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 src/app/SessionProvider.js

diff --git a/src/app/SessionProvider.js b/src/app/SessionProvider.js
new file mode 100644
index 00000000..d8f3caa9
--- /dev/null
+++ b/src/app/SessionProvider.js
@@ -0,0 +1,12 @@
+'use client'
+
+import { createContext, useState } from 'react'
+
+export const SessionContext = createContext({
+  session: {},
+})
+
+export default function SessionProvider({ useSession, children }) {
+  const [session, setSession] = useState(useSession)
+  return <SessionContext.Provider value={{ session }}>{children}</SessionContext.Provider>
+}
diff --git a/src/app/layout.js b/src/app/layout.js
index d27522fe..e59e28d1 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -15,6 +15,7 @@ import './globals.css'
 import '../styles/style.scss'
 import '../styles/contents.scss'
 import Dimmed from '@/components/ui/Dimmed'
+import SessionProvider from './SessionProvider'
 
 // const inter = Inter({ subsets: ['latin'] })
 
@@ -70,7 +71,9 @@ export default async function RootLayout({ children }) {
               <Header userSession={sessionProps} />
               <div className="content">
                 <Dimmed />
-                <QcastProvider>{children}</QcastProvider>
+                <QcastProvider>
+                  <SessionProvider useSession={sessionProps}>{children}</SessionProvider>
+                </QcastProvider>
               </div>
               <footer>
                 <div className="footer-inner">
diff --git a/src/components/floor-plan/CanvasLayout.jsx b/src/components/floor-plan/CanvasLayout.jsx
index ee17af25..7c84705c 100644
--- a/src/components/floor-plan/CanvasLayout.jsx
+++ b/src/components/floor-plan/CanvasLayout.jsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import { useRecoilValue } from 'recoil'
 import CanvasFrame from './CanvasFrame'
 import { useMessage } from '@/hooks/useMessage'
@@ -8,8 +8,11 @@ import { useSwal } from '@/hooks/useSwal'
 import { usePlan } from '@/hooks/usePlan'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { sessionStore } from '@/store/commonAtom'
+import { SessionContext } from '@/app/SessionProvider'
 
 export default function CanvasLayout() {
+  const { session } = useContext(SessionContext)
+  console.log('session >>> ', session)
   const [objectNo, setObjectNo] = useState('test123240822001') // 이후 삭제 필요
   const sessionState = useRecoilValue(sessionStore)
   const globalLocaleState = useRecoilValue(globalLocaleStore)
@@ -22,7 +25,7 @@ export default function CanvasLayout() {
     console.log('loadCanvasPlanData 실행, sessionState.userId >>> ', sessionState.userId)
     loadCanvasPlanData(sessionState.userId, objectNo)
   }, [])
-  
+
   return (
     <div className="canvas-layout">
       <div className="canvas-page-list">