feat : 알림구독 테스트용 App.tsx에 훅 호출한 코드

Author: wldnjs990

src/App.tsx

@@ -1,5 +1,6 @@
 import { Route, Routes } from 'react-router';
 
+import { useServerSentEvents } from './hooks/useServerSentEvents';
 import useViewport from './hooks/useViewport';
 import Layout from './layouts/Layout';
 import MobileLayout from './layouts/MobileLayout';
@@ -27,6 +28,7 @@ import WritePage from './pages/Write';
 
 const App = () => {
   useViewport();
+  useServerSentEvents();
 
   return (
     <Routes>

src/hooks/useServerSentEvents.tsx

@@ -30,10 +30,10 @@ export const useServerSentEvents = () => {
           console.log('알림 전송');
         };
 
-        // sourceRef.current.addEventListener('notification', (event) => {
-        //   console.log(event);
-        //   console.log('알림 전송 dd');
-        // });
+        sourceRef.current.addEventListener('notification', (event) => {
+          console.log(event);
+          console.log('알림 전송 dd');
+        });
 
         sourceRef.current.onerror = (error) => {
           console.log(error);

src/pages/Notifications/index.tsx

@@ -3,14 +3,11 @@ import { useNavigate } from 'react-router';
 
 import { getTimeLines, patchReadNotification, patchReadNotificationAll } from '@/apis/notification';
 import PageTitle from '@/components/PageTitle';
-import { useServerSentEvents } from '@/hooks/useServerSentEvents';
 
 import NotificationItem from './components/NotificationItem';
 import WarningModal from './components/WarningModal';
 
 const NotificationsPage = () => {
-  useServerSentEvents();
-
   const navigate = useNavigate();
 
   const [noti, setNoti] = useState<Noti[]>([]);
@@ -19,6 +16,7 @@ const NotificationsPage = () => {
 
   const [adminText, setAdmintext] = useState<string>('');
 
+  // MEMO : 편지 데이터 전송중 데이터도 추가될건데 나중에 데이터 추가되면 코드 업데이트 하긔
   const handleClickItem = (alarmType: string, content?: string | number) => {
     if (alarmType === 'LETTER') {
       navigate(`/letter/${content}`);