diff --git a/src/components/InviteNotice/index.tsx b/src/components/InviteNotice/index.tsx index 64104996..6cbb2acb 100644 --- a/src/components/InviteNotice/index.tsx +++ b/src/components/InviteNotice/index.tsx @@ -1,19 +1,13 @@ import { useEffect, useState } from 'react'; -import { useSelector } from 'react-redux'; import { toast, ToastContainer } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; import { TOAST_DEFAULT_SETTING } from '@/constants'; import useFetchData from '@/hooks/useFetchData'; import { getInvitationsList } from '@/services/getService'; -import { RootState } from '@/store/store'; import { Invitation, InvitationsResponse } from '@/types/Invitation.interface'; export default function InvitationNotice() { - const { user } = useSelector((state: RootState) => state.user); - - if (!user) return null; - // NOTE: 3초마다 refetch 하도록 설정 const { data } = useFetchData(['invitations', 'notice'], () => getInvitationsList(), 5000); const [savedInvitations, setSavedInvitations] = useState(data?.invitations || []); diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx index e4d4a246..119f0f03 100644 --- a/src/layouts/MainLayout.tsx +++ b/src/layouts/MainLayout.tsx @@ -2,6 +2,7 @@ import { useRouter } from 'next/router'; import { useSelector } from 'react-redux'; import Header from '@/components/Header'; +import InvitationNotice from '@/components/InviteNotice'; import Sidebar from '@/components/Sidebar'; import { RootState } from '@/store/store'; @@ -31,6 +32,7 @@ export default function MainLayout({ children }: { children: React.ReactNode }) return (
+ {user && }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 67197907..f1b243cd 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -6,7 +6,6 @@ import Head from 'next/head'; import { Provider } from 'react-redux'; import { PersistGate } from 'redux-persist/integration/react'; -import InvitationNotice from '@/components/InviteNotice'; import Modal from '@/components/Modal'; import Redirect from '@/components/Redirect'; import MainLayout from '@/layouts/MainLayout'; @@ -27,7 +26,6 @@ export default function App({ Component, pageProps }: AppProps) { -