Feat: patch readID #165

Strong-Potato · Jan 27, 2024 · 5d9fc04 · 5d9fc04
1 parent 2ccf3ad
commit 5d9fc04
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 2 deletions.
diff --git a/src/api/notification.ts b/src/api/notification.ts
@@ -31,3 +31,15 @@ export const GetAlarm = async () => {
     }
   }
 };
+
+export const PostReadAlarm = async (notiId: number) => {
+  try {
+    const response = await axios.patch(`/api/notifications/${notiId}/read`, {withCredentials: true});
+    return response;
+  } catch (error) {
+    if (axios.isAxiosError(error)) {
+      console.log(error);
+      return error.response;
+    }
+  }
+};
diff --git a/src/components/Alarm/TabCapsule/TabCapsule.tsx b/src/components/Alarm/TabCapsule/TabCapsule.tsx
@@ -5,15 +5,17 @@ import styles from './TabCapsule.module.scss';
 
 import {useGetAlarm} from '@/hooks/Notification/useNotification';
 
+import {PostReadAlarm} from '@/api/notification';
 import {parsingAlarmTravel} from '@/utils/parsingAlarm';
 
 import Content from './Content/Content';
 
 function TabCapsule({isAlarmOpen}: {isAlarmOpen: boolean}) {
-  const {data: Alarm} = useGetAlarm(isAlarmOpen);
-  console.log(Alarm);
   const navigate = useNavigate();
+  const {data: Alarm} = useGetAlarm(isAlarmOpen);
+  localStorage.removeItem('news');
 
+  Alarm && PostReadAlarm(Alarm?.data.data.notificationDetail[0].id);
   if (Alarm?.status === 403 || Alarm?.status === 401) {
     navigate('/auth/login', {
       replace: true,

diff --git a/src/components/Home/TabBar/TabBar.tsx b/src/components/Home/TabBar/TabBar.tsx
@@ -4,10 +4,16 @@ import {Link} from 'react-router-dom';
 
 import styles from './TabBar.module.scss';
 
+import {useGetAlarm} from '@/hooks/Notification/useNotification';
+
 import {Alarmprop} from '@/types/alarm';
 
 function TabBar({onAlarmOpen}: Alarmprop) {
   const news = localStorage.getItem('news');
+  const {data: Alarm} = useGetAlarm(true);
+  if (Alarm?.data.data.notificationDetail[0].isRead === false) {
+    localStorage.setItem('news', 'true');
+  }
 
   return (
     <div className={styles.container}>

diff --git a/src/pages/Trip/Trip.tsx b/src/pages/Trip/Trip.tsx
@@ -17,6 +17,7 @@ import {useNavigate, useParams} from 'react-router-dom';
 
 import styles from './Trip.module.scss';
 
+import {useGetAlarm} from '@/hooks/Notification/useNotification';
 import {useGetJourneys, useGetSpace} from '@/hooks/Spaces/space';
 
 import Alarm from '@/components/Alarm/Alarm';
@@ -50,6 +51,10 @@ function Trip() {
   const [center, setCenter] = useState<LatLng>(getMapCenter(journeysData.data));
   const navigate = useNavigate();
   const users = spaceData?.data?.members;
+  const {data: AlarmData} = useGetAlarm(true);
+  if (AlarmData?.data.data.notificationDetail[0].isRead === false) {
+    localStorage.setItem('news', 'true');
+  }
 
   useEffect(() => {
     console.log('아임센터', center);