[25.04.21 / TASK-171,TASK-172] Modify - UI Refactoring

next.config.mjs

@@ -1,18 +1,18 @@
 import { withSentryConfig } from '@sentry/nextjs';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   experimental: { forceSwcTransforms: true },
   output: 'standalone',
-
+  hideSourceMaps: true,
+  productionBrowserSourceMaps: false,
   webpack: (config, options) => {
     config.module.rules.push({
       test: /\.svg$/i,
-      use: [
-        options.defaultLoaders.babel,
-        { loader: '@svgr/webpack', options: { babel: false } },
-      ],
+      use: [options.defaultLoaders.babel, { loader: '@svgr/webpack', options: { babel: false } }],
     });
+
     return config;
   },
 

package.json

@@ -23,6 +23,7 @@
     "@next/third-parties": "^15.1.7",
     "@sentry/core": "^8.47.0",
     "@sentry/nextjs": "^8.47.0",
+    "@sentry/webpack-plugin": "^3.3.1",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-query": "^5.69.0",
     "@tanstack/react-query-devtools": "^5.69.0",

src/apis/instance.request.ts

@@ -68,7 +68,7 @@ export const instance = async <I, R>(
       signal: AbortSignal.timeout
         ? AbortSignal.timeout(Number(env.ABORT_MS))
         : abortPolyfill(Number(env.ABORT_MS)),
-      credentials: input !== '/login' ? 'include' : 'omit',
+      credentials: 'include',
       cache: 'no-store',
     });
 

src/app/(auth-required)/components/header/Section.tsx

@@ -4,11 +4,9 @@ import { COLORS } from '@/constants';
 import { useCustomNavigation } from '@/hooks';
 
 export const defaultStyle =
-  'w-[180px] h-[65px] px-9 transition-all duration-300 shrink-0 max-MBI:w-[65px] max-MBI:px-0 ';
-export const navigateStyle =
-  'gap-5 flex items-center justify-center cursor-pointer ';
-export const textStyle =
-  'text-ST4 shrink-0 transition-all duration-300 max-MBI:hidden ';
+  'w-[180px] h-[65px] px-9 transition-all duration-300 shrink-0 max-MBI:w-[65px] max-MBI:px-0';
+export const navigateStyle = 'gap-5 flex items-center justify-center cursor-pointer';
+export const textStyle = 'text-ST4 shrink-0 transition-all duration-300 max-MBI:hidden';
 
 type clickType = 'link' | 'function' | 'none';
 type BaseType = { icon: NameType };
@@ -44,23 +42,16 @@ export const Section = <T extends clickType>({
 
   if (clickType === 'link') {
     return (
-      <div
-        onClick={() => push(action)}
-        className={defaultStyle + navigateStyle}
-      >
+      <div onClick={() => push(action)} className={`${defaultStyle} ${navigateStyle}`}>
         <Icon
           size={25}
           color={
-            COLORS.TEXT[
-              typeof action === 'string' && action.includes(currentPath)
-                ? 'MAIN'
-                : 'ALT'
-            ]
+            COLORS.TEXT[typeof action === 'string' && action.includes(currentPath) ? 'MAIN' : 'ALT']
           }
           name={icon}
         />
         <span
-          className={`${action.split('?')[0] === currentPath ? 'text-TEXT-MAIN' : 'text-TEXT-ALT'} ${textStyle}`}
+          className={`${textStyle} ${action.split('?')[0] === currentPath ? 'text-TEXT-MAIN' : 'text-TEXT-ALT'}`}
         >
           {children}
         </span>
@@ -71,7 +62,7 @@ export const Section = <T extends clickType>({
   return (
     <div
       onClick={action}
-      className={`${defaultStyle + navigateStyle} TBL:min-w-[180px] rounded-t-[4px] w-[fit-content_!important] max-MBI:w-[65px_!important]`}
+      className={`${defaultStyle} ${navigateStyle} TBL:min-w-[180px] rounded-t-[4px] w-[fit-content_!important] max-MBI:w-[65px_!important]`}
     >
       {children}
     </div>