로그인 후 메인 or 비밀번호 변경팝업 작업

모달팝업 props 관련 적용

src/app/page.js

@@ -3,9 +3,9 @@ import { getSession } from '@/lib/authActions'
 
 export default async function Home() {
   const session = await getSession()
-
   const mainPageProps = {
     isLoggedIn: session?.isLoggedIn,
+    pwdInitYn: session?.pwdInitYn,
   }
 
   return (

src/components/auth/NewLogin.jsx

@@ -19,6 +19,10 @@ export default function NewLogin() {
   const passwordRef = useRef(null)
   const router = useRouter()
 
+  useEffect(() => {
+    setOpen(false)
+  }, [])
+
   useEffect(() => {
     if (passwordVisible) {
       passwordRef.current.type = 'text'

src/components/common/modal/QModal.jsx

@@ -4,16 +4,25 @@ import { useRecoilState, useRecoilValue } from 'recoil'
 
 import { Modal } from 'react-responsive-modal'
 
-import { modalContent, modalState } from '@/store/modalAtom'
+import { modalContent, modalState, modalProps } from '@/store/modalAtom'
 
 import 'react-responsive-modal/styles.css'
 
 export default function QModal() {
   const [open, setOpen] = useRecoilState(modalState)
   const children = useRecoilValue(modalContent)
+  const props = useRecoilValue(modalProps)
+  const { closeOnOverlayClick = true, closeOnEsc = true, showCloseIcon = true } = props
 
   return (
-    <Modal open={open} onClose={() => setOpen(false)} center>
+    <Modal
+      open={open}
+      onClose={() => setOpen(false)}
+      center
+      closeOnOverlayClick={closeOnOverlayClick}
+      closeOnEsc={closeOnEsc}
+      showCloseIcon={showCloseIcon}
+    >
       {children}
     </Modal>
   )

src/components/header/Header.jsx

@@ -124,7 +124,7 @@ export default function Header(props) {
   }
 
   return (
-    !(pathName.includes('login') || pathName.includes('join')) && (
+    !(pathName.includes('login') || pathName.includes('join') || sessionState.pwdInitYn === 'N') && (
       <header className={isDimmed}>
         <div className="header-inner">
           <div className="header-right">

src/store/modalAtom.js

@@ -13,3 +13,12 @@ export const modalContent = atom({
     </>
   ),
 })
+
+export const modalProps = atom({
+  key: 'modalProps',
+  default: {
+    closeOnOverlayClick: true,
+    closeOnEsc: true,
+    showCloseIcon: true,
+  },
+})