Merge pull request #706 from davidktlee/fix-notification

fix: 알림 요청 api url 수정

frontend/src/app/(with-header)/layout.tsx

@@ -1,16 +1,21 @@
 import type { ReactNode } from 'react';
 import '../globals.css';
 import Header from '../_components/header/Header';
+import NextPublicProvider from '@/context/NextPublicContext';
 
 export default async function WithHeaderLayout({
   children,
 }: {
   children: ReactNode;
 }) {
+  const { DEV_BASE_URL, BASE_URL, ENVIRONMENT } = process.env;
+  const currentBaseUrl = ENVIRONMENT === 'production' ? BASE_URL : DEV_BASE_URL;
   return (
-    <section className="w-full h-full flex flex-col">
-      <Header />
-      {children}
-    </section>
+    <NextPublicProvider nextBaseUrl={currentBaseUrl}>
+      <section className="w-full h-full flex flex-col">
+        <Header />
+        {children}
+      </section>
+    </NextPublicProvider>
   );
 }

frontend/src/app/_components/notification/NotificationIcon.tsx

@@ -4,6 +4,7 @@ import Bell from '/public/icons/bell.svg';
 import { useRouter } from 'next/navigation';
 import ToastMsg from '../ui/toast/ToastMsg';
 import { MemberContext } from '@/context/MemberContext';
+import { NextPublicContext } from '@/context/NextPublicContext';
 
 const BASE_URL =
   process.env.ENVIRONMENT === 'production'
@@ -16,11 +17,12 @@ export default function NotificationIcon() {
   const [errorText, setErrorText] = useState('');
 
   const user = memberStatus.isLoggedIn === 'true' ? memberStatus.member : null;
+  const baseUrl = useContext(NextPublicContext);
 
   useEffect(() => {
     if (user) {
       const eventSource = new EventSource(
-        `${BASE_URL}/v1/notifications/stream/${user?.member_id}`,
+        `${baseUrl}/v1/notifications/stream/${user?.member_id}`,
       );
 
       eventSource.addEventListener('notification', (e) => {

frontend/src/context/NextPublicContext.tsx

@@ -0,0 +1,18 @@
+'use client';
+import { ReactElement, createContext } from 'react';
+
+export const NextPublicContext = createContext<string>('');
+
+export default function NextPublicProvider({
+  children,
+  nextBaseUrl,
+}: {
+  children: ReactElement;
+  nextBaseUrl: string;
+}) {
+  return (
+    <NextPublicContext.Provider value={nextBaseUrl}>
+      {children}
+    </NextPublicContext.Provider>
+  );
+}