[deploy] add battlegrounds

src/App.tsx

@@ -29,6 +29,7 @@ const SetFavoriteGame = lazy(() => import('pages/register/SetFavGame'));
 
 const MyPage = lazy(() => import('pages/mypage'));
 const LeagueOfLegends = lazy(() => import('pages/leagueoflegends'));
+const Battlegrounds = lazy(() => import('pages/battlegrounds'));
 
 const App = () => {
   const dispatch = useDispatch();
@@ -61,6 +62,7 @@ const App = () => {
         <Route path="*" element={<Layout />}>
           <Route path="mypage" element={<MyPage />} />
           <Route path="lol/*" element={<LeagueOfLegends />} />
+          <Route path="pubg/*" element={<Battlegrounds />} />
           <Route path="*" element={<NotFound />} />
         </Route>
       </Routes>

src/apis/api/common.ts

@@ -1,5 +1,13 @@
 import { authAxios } from 'apis/utils';
-import { getDatabase, push, ref, update, child, set } from 'firebase/database';
+import {
+  getDatabase,
+  push,
+  ref,
+  update,
+  child,
+  set,
+  get,
+} from 'firebase/database';
 
 /**
  * 게시글 생성
@@ -60,6 +68,7 @@ export const createCard = async (
           nickname: userInput.name,
           oauth2Id,
           notiToken: notiToken || '',
+          isReviewed: false,
         },
       ],
       timestamp: new Date().toString(),
@@ -130,5 +139,76 @@ export const updateCard = async (
     maxMember: updatedMaxMember,
   });
 
+  await authAxios.put(`/api/chat/${currentGame}/${boardId}`, {
+    totalUser: updatedMaxMember,
+  });
+
   return null;
 };
+
+export const finishCard = async (currentGame: string, boardId: number) => {
+  await authAxios.post(`/api/chat/${currentGame}/${boardId}/finish`);
+
+  return null;
+};
+
+/**
+ * 파티장이 직접 파티원 추가
+ * @param cardId 게시글id
+ * @param nicknameToAdd 추가하려는 사용자 닉네임
+ * @returns null
+ */
+
+export const addPartyMemberWithName = async (
+  cardId: number,
+  nicknameToAdd: string,
+  game: string,
+) => {
+  await authAxios.post(`/api/chat/${game}/${cardId}/${nicknameToAdd}`);
+
+  return null;
+};
+
+/**
+ * 파티장이 파티원 강퇴
+ * @param cardId 게시글 id
+ * @param chatRoomId 채팅방 id
+ * @param nickname 강퇴하려는 사용자 닉네임
+ * @param game 해당 게임
+ */
+export const kickMemberFromParty = async (
+  cardId: number,
+  chatRoomId: string,
+  nickname: string,
+  game: string,
+) => {
+  await authAxios.delete(`/api/chat/${game}/${cardId}/${nickname}/ban`);
+
+  const chatRoomsRef = ref(getDatabase(), 'chatRooms');
+  const messagesRef = ref(getDatabase(), 'messages');
+  const dataSnapshot: any = await get(child(chatRoomsRef, chatRoomId));
+
+  const prevMemberList = [...dataSnapshot.val().memberList];
+
+  const target = prevMemberList.find((member) => member.nickname === nickname);
+
+  const prevBannedList = dataSnapshot.val().bannedList
+    ? [...dataSnapshot.val().bannedList]
+    : [];
+  const newMemberList = prevMemberList.filter(
+    (member) => member.nickname !== nickname,
+  );
+  const newBannedList = [...prevBannedList, target];
+
+  await update(ref(getDatabase(), `chatRooms/${chatRoomId}`), {
+    memberList: newMemberList,
+    bannedList: newBannedList,
+  });
+
+  await set(push(child(messagesRef, chatRoomId)), {
+    type: 'system',
+    timestamp: Date.now(),
+    user: { nickname, oauth2Id: '', notiToken: '' },
+    content: `${nickname} 님이 퇴장하였습니다.`,
+  });
+};

src/apis/api/firebase.ts

@@ -10,6 +10,8 @@ import {
   DatabaseReference,
 } from 'firebase/database';
 import { notificationActions } from 'store/notification-slice';
+import { useEffect, useState } from 'react';
+import { promiseWrapper } from 'apis/utils/promiseWrapper';
 import { RootState } from '../../store';
 
 import { chatroomActions } from '../../store/chatroom-slice';
@@ -18,6 +20,7 @@ type Member = {
   nickname: string;
   oauth2Id: string;
   notiToken: string;
+  isReviewed: boolean;
 };
 /** ------------------------------------------------------------
  * 채팅방 차단 여부 확인
@@ -85,6 +88,7 @@ export const addMemberToFirebaseDB = async (
     child(lastReadRef, `${newMember.oauth2Id}/${chatRoomId}`),
     Date.now(),
   );
+
   await set(push(child(messagesRef, chatRoomId)), {
     type: 'system',
     timestamp: Date.now(),
@@ -248,3 +252,68 @@ export const getAllLastReads = async (
 
   return null;
 };
+
+// 추가됨
+export const getIsReviewed = (oauth2Id: string, chatRoomId: string) => {
+  const chatRoomsRef = ref(getDatabase(), 'chatRooms');
+
+  const [resource, setResource] = useState(null);
+
+  useEffect(() => {
+    const getData = async () => {
+      const promise = get(child(chatRoomsRef, chatRoomId)).then(
+        (dataSnapshot) => {
+          return dataSnapshot.val().memberList.find((member: Member) => {
+            return member.oauth2Id === oauth2Id;
+          }).isReviewed;
+        },
+      );
+
+      setResource(promiseWrapper(promise));
+    };
+
+    getData();
+  }, []);
+
+  return resource;
+};
+
+export const asyncGetIsReviewed = async (
+  oauth2Id: string,
+  chatRoomId: string,
+) => {
+  const chatRoomsRef = ref(getDatabase(), 'chatRooms');
+
+  const isReviewed = await get(child(chatRoomsRef, chatRoomId)).then(
+    (dataSnapshot) => {
+      return dataSnapshot
+        .val()
+        .memberList.find((member: Member) => member.oauth2Id === oauth2Id)
+        .isReviewed;
+    },
+  );
+
+  return isReviewed;
+};
+
+// 추가됨
+export const doReview = async (oauth2Id: string, chatRoomId: string) => {
+  const chatRoomsRef = ref(getDatabase(), 'chatRooms');
+
+  const dataSnapshot = await get(
+    child(chatRoomsRef, `${chatRoomId}/memberList`),
+  );
+
+  const prevMemberList = [...dataSnapshot.val()];
+  const newMemberList = prevMemberList.map((member: Member) => {
+    if (member.oauth2Id === oauth2Id) {
+      // eslint-disable-next-line no-param-reassign
+      member.isReviewed = true;
+    }
+    return member;
+  });
+
+  await update(ref(getDatabase(), `chatRooms/${chatRoomId}`), {
+    memberList: newMemberList,
+  });
+};

src/apis/api/leagueoflegends.ts

@@ -1,16 +1,6 @@
 import { useEffect, useState } from 'react';
 import { authAxios, defaultAxios } from 'apis/utils';
 
-import {
-  ref,
-  getDatabase,
-  child,
-  get,
-  update,
-  set,
-  push,
-} from 'firebase/database';
-
 import { promiseWrapper } from 'apis/utils/promiseWrapper';
 
 /**
@@ -84,58 +74,3 @@ export const loadSummonerInfoIntoDB = async (summonerName: string) => {
 
   return null;
 };
-
-/**
- * 파티장이 소환사 명으로 파티인원 추가
- * @param cardId 카드 번호
- * @param nicknameToAdd 추가하려는 사용자 닉네임
- * @returns null
- */
-
-export const addPartyMemberWithSummonerName = async (
-  cardId: number,
-  nicknameToAdd: string,
-) => {
-  await authAxios.post(`/api/chat/lol/${cardId}/${nicknameToAdd}`);
-
-  return null;
-};
-
-export const kickMemberFromParty = async (
-  cardId: number,
-  chatRoomId: string,
-  summonerName: string,
-) => {
-  await authAxios.delete(`/api/chat/lol/${cardId}/${summonerName}/ban`);
-
-  const chatRoomsRef = ref(getDatabase(), 'chatRooms');
-  const messagesRef = ref(getDatabase(), 'messages');
-  const dataSnapshot: any = await get(child(chatRoomsRef, chatRoomId));
-
-  const prevMemberList = [...dataSnapshot.val().memberList];
-
-  const target = prevMemberList.find(
-    (member) => member.nickname === summonerName,
-  );
-  console.log(target);
-
-  const prevBannedList = dataSnapshot.val().bannedList
-    ? [...dataSnapshot.val().bannedList]
-    : [];
-  const newMemberList = prevMemberList.filter(
-    (member) => member.nickname !== summonerName,
-  );
-  const newBannedList = [...prevBannedList, target];
-
-  await update(ref(getDatabase(), `chatRooms/${chatRoomId}`), {
-    memberList: newMemberList,
-    bannedList: newBannedList,
-  });
-
-  await set(push(child(messagesRef, chatRoomId)), {
-    type: 'system',
-    timestamp: Date.now(),
-    user: { nickname: summonerName, oauth2Id: '', notiToken: '' },
-    content: `${summonerName} 님이 퇴장하였습니다.`,
-  });
-};