refactor: msw 관련 코드 제거

nodak-v2 · Jul 23, 2024 · 72e0a95 · 72e0a95
1 parent 549ec49
commit 72e0a95
Show file tree

Hide file tree

Showing 15 changed files with 20 additions and 847 deletions.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -4,7 +4,6 @@ import type { Preview } from '@storybook/react';
 import { initialize, mswLoader } from 'msw-storybook-addon';
 
 import '../src/app/globals.css';
-import { handlers } from '../src/mocks/handlers';
 
 initialize({ onUnhandledRequest: 'bypass' });
 const preview: Preview = {
@@ -15,9 +14,6 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
-    msw: {
-      handlers,
-    },
   },
   loaders: [mswLoader],
   decorators: [

diff --git a/public/mockServiceWorker.js b/public/mockServiceWorker.js
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,11 +2,9 @@ import type { Viewport } from 'next';
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 
-import AuthenticatedRoute from '@/src/app/AuthenticatedRoute';
 import GoogleAnalytics from '@/src/components/GoogleAnalystics';
 
 import Introduction from '../components/Introduction';
-import { MSWComponent } from '../mocks/MSWComponent';
 import { getMetadata } from '../utils/getMetadata';
 import Providers from './Providers';
 import './globals.css';
@@ -33,20 +31,18 @@ const RootLayout = ({
       </head>
       <body className='font-sans'>
         <Providers>
-          <MSWComponent>
-            <div className='flex h-screen w-screen items-center justify-center gap-10'>
-              <div className='hidden shrink sm:flex'>
-                <Introduction />
-              </div>
-              <div
-                id='layout-Root'
-                className='relative flex h-full max-h-[950px] min-h-[600px] w-full min-w-[350px] max-w-[450px] shrink-0 flex-col bg-background text-white shadow-xl'
-              >
-                <AuthenticatedRoute>{children}</AuthenticatedRoute>
-                <ToastContainer className='absolute bottom-[103px] flex flex-col items-center justify-center' />
-              </div>
+          <div className='flex h-screen w-screen items-center justify-center gap-10'>
+            <div className='hidden shrink sm:flex'>
+              <Introduction />
             </div>
-          </MSWComponent>
+            <div
+              id='layout-Root'
+              className='relative flex h-full max-h-[950px] min-h-[600px] w-full min-w-[350px] max-w-[450px] shrink-0 flex-col bg-background text-white shadow-xl'
+            >
+              {children}
+              <ToastContainer className='absolute bottom-[103px] flex flex-col items-center justify-center' />
+            </div>
+          </div>
         </Providers>
       </body>
     </html>

diff --git a/src/app/users/profile/(posting)/layout.tsx b/src/app/users/profile/(posting)/layout.tsx
@@ -2,8 +2,9 @@
 
 import { PropsWithChildren, Suspense } from 'react';
 
-import { usePathname } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 
+import { useGetUserStatusAPI } from '@/src/apis/myInfo';
 import Spinner from '@/src/components/Spinner';
 import TopBar from '@/src/components/Topbar';
 
@@ -22,6 +23,13 @@ export type PostingNavigation =
 
 const PostingLayout = ({ children }: PropsWithChildren) => {
   const pathname = usePathname().split('/').pop() as PostingNavigation;
+  const router = useRouter();
+  const { login: isLogin } = useGetUserStatusAPI();
+
+  if (!isLogin) {
+    router.push('/signin');
+    return null;
+  }
 
   return (
     <>

diff --git a/src/instrumentation.ts b/src/instrumentation.ts