Fix/몇몇 ts error 해결 및 리팩토링 #740

README.md

@@ -1,25 +1,25 @@
-</br>
+<br>
 
 <div align=center>
 
 <img width="600" alt="Frame 3" src="https://user-images.githubusercontent.com/86540825/209137349-57356fde-777f-4d4f-877f-b5f2b2053da0.png">
 
-</br>
-</br>
+<br>
+<br>
 
 <h2>프로젝트 소개</h2>
 
 42 서울 내에서 탁구 경기 매칭, 전적 서비스를 제공하는 프로젝트 입니다.
 
 42 Cadet들만 이용 가능!
 
-</br>
+<br>
 
 <h2>배포 주소</h2>
 
 [42gg.kr](https://42gg.kr)
 
-</br>
+<br>
 
 <h2>Front-end 기술 스택</h2>
 
@@ -34,7 +34,7 @@
 <img src="https://img.shields.io/badge/Amazon EC2-FF9900?style=for-the-badge&logo=AmazonEC2&logoColor=white"/></a>
 <img src="https://img.shields.io/badge/Amazon S3-569A31?style=for-the-badge&logo=AmazonS3&logoColor=white"/>
 
-<br/>
+<br>
 
 <h2>멤버</h2>
 
@@ -72,7 +72,7 @@
   </tr>
 </table>
 
-</br>
+<br>
 
 <h2>주요 기능 소개</h2>
 

components/Layout/MenuBar.tsx

@@ -4,7 +4,6 @@ import { userState } from 'utils/recoil/layout';
 import { seasonListState } from 'utils/recoil/seasons';
 import { openMenuBarState } from 'utils/recoil/layout';
 import { modalState } from 'utils/recoil/modal';
-import instance from 'utils/axios';
 import styles from 'styles/Layout/MenuBar.module.scss';
 
 export default function MenuBar() {

components/Layout/NotiItem.tsx

@@ -16,9 +16,9 @@ export default function NotiItem({ data }: NotiItemProps) {
   } = {
     imminent: {
       title: '경기 준비',
-      content: makeImminentContent(data.enemyTeam, data.time, data.createdAt),
+      content: MakeImminentContent(data.enemyTeam, data.time, data.createdAt),
     },
-    announce: { title: '공 지', content: makeAnnounceContent(data.message) },
+    announce: { title: '공 지', content: MakeAnnounceContent(data.message) },
     matched: {
       title: '매칭 성사',
       content: makeContent(data.time, '에 신청한 매칭이 성사되었습니다.'),
@@ -53,7 +53,7 @@ function makeContent(time: string | undefined, message: string) {
   if (time) return gameTimeToString(time) + message;
 }
 
-function makeAnnounceContent(message: string | undefined) {
+function MakeAnnounceContent(message: string | undefined) {
   if (message && !message.includes('https')) return message;
   const url = message?.split('https')[1];
   const content = message?.split('https')[0].split('=>')[0];
@@ -66,7 +66,7 @@ function makeAnnounceContent(message: string | undefined) {
   );
 }
 
-function makeImminentContent(
+function MakeImminentContent(
   enemyTeam: string[] | undefined,
   time: string | undefined,
   createdAt: string

components/admin/games/GamesTable.tsx

@@ -1,15 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
-import {
-  Paper,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-} from '@mui/material';
 import PageNation from 'components/Pagination';
-import { tableFormat } from 'constants/admin/table';
 import { IGames, IGameLog } from 'types/admin/gameLogTypes';
 import instance from 'utils/axios';
 import { getFormattedDateToString } from 'utils/handleTime';
@@ -98,7 +88,7 @@ export default function GamesTable() {
                     시작 날짜: {game.startAt.toLocaleString().split(' ')[0]}
                   </div>
                   <div>게임 모드: {game.mode}</div>
-                  <div>슬롯 시간: {game.slotTime}분</div>
+                  <div>슬롯 시간: {game.playTime}분</div>
                   <div>
                     {game.mode === 'Normal'
                       ? ''

components/admin/notification/NotificationTable.tsx

@@ -188,7 +188,7 @@ export default function NotificationTable() {
                     }
                   )}
                 </TableRow>
-              )}
+              ))}
             </TableBody>
           </Table>
         </TableContainer>

components/admin/slot/SlotCurrent.tsx

@@ -15,8 +15,7 @@ export default function SlotCurrent(props: SlotCurrentProps) {
   const { pastSlotTime } = scheduleInfo;
 
   const slotHour = (date: string) => {
-    const time = new Date(date).getHours();
-    return time;
+    return new Date(date).getHours();
   };
 
   const initSlotInfo = () => {

components/admin/slot/SlotMain.tsx

@@ -36,8 +36,7 @@ export default function SlotMain() {
   };
 
   const slotHour = (date: string) => {
-    const time = new Date(date).getHours();
-    return time;
+    return new Date(date).getHours();
   };
 
   const initSlotInfo = async () => {

components/game/big/GameResultBigTeam.tsx

@@ -1,5 +1,4 @@
 import Link from 'next/link';
-import router from 'next/router';
 import { RankResult, RankPlayer, NormalPlayer } from 'types/gameTypes';
 import PlayerImage from 'components/PlayerImage';
 import styles from 'styles/game/GameResultItem.module.scss';

components/match/MatchBoard.tsx

@@ -64,8 +64,7 @@ export default function MatchBoard({ type, toggleMode }: MatchBoardProps) {
       for (let j = 0; j < matchBoards[i].length; j++) {
         const match = matchBoards[i][j];
         if (match.status === 'open') {
-          const openSlotHour = new Date(match.time).getHours();
-          return openSlotHour;
+          return new Date(match.time).getHours();
         }
       }
     }

components/modal/admin/AdminPenaltyModal.tsx

@@ -38,8 +38,7 @@ export default function AdminPenaltyModal(props: { value: string }) {
     const resultDate = fillZero(newDate.getDate().toString(), 2);
     const resultHour = fillZero(newDate.getHours().toString(), 2);
     const resultMinute = fillZero(newDate.getMinutes().toString(), 2);
-    const result = `${newDate.getFullYear()}-${resultMonth}-${resultDate} ${resultHour}:${resultMinute}`;
-    return result;
+    return `${newDate.getFullYear()}-${resultMonth}-${resultDate} ${resultHour}:${resultMinute}`;
   };
 
   const sendPenaltyHandler = async () => {

components/modal/profile/EditProfileModal.tsx

@@ -4,8 +4,8 @@ import { profileState } from 'utils/recoil/user';
 import { errorState } from 'utils/recoil/error';
 import { modalState } from 'utils/recoil/modal';
 import instance from 'utils/axios';
-import styles from 'styles/user/Profile.module.scss';
 import { racketTypes } from 'types/userTypes';
+import styles from 'styles/user/Profile.module.scss';
 
 interface EditedProfile {
   racketType: string;
@@ -128,17 +128,13 @@ export default function EditProfileModal() {
         <div className={styles.editType}>알림 받기</div>
         <div className={styles.snsWrap}>
           <div
-            className={`${styles.snsButton} ${
-              slack === true ? styles.snsClicked : ''
-            }`}
+            className={`${styles.snsButton} ${slack ? styles.snsClicked : ''}`}
             onClick={() => setSlack(!slack)}
           >
             Slack
           </div>
           <div
-            className={`${styles.snsButton} ${
-              email === true ? styles.snsClicked : ''
-            }`}
+            className={`${styles.snsButton} ${email ? styles.snsClicked : ''}`}
             onClick={() => setEmail(!email)}
           >
             Email

styles/admin/common/Pagination.module.scss

@@ -5,7 +5,6 @@
       padding: 0;
 
       li {
-        display: inline-block;
         cursor: pointer;
         width: 27px;
         height: 27px;

styles/admin/feedback/FeedbackTable.module.scss

@@ -2,8 +2,8 @@
 @import 'styles/common.scss';
 
 .feedbackWrap {
-  width: '100%';
-  height: '100%';
+  width: 100%;
+  height: 100%;
 
   .header {
     display: flex;

styles/admin/games/GamesTable.module.scss

@@ -3,8 +3,8 @@
 .gamesWrap {
   display: flex;
   flex-direction: column;
-  width: '100%';
-  height: '100%';
+  width: 100%;
+  height: 100%;
   color: black;
 
   .header {

styles/admin/modal/AdminFeedbackCheck.module.scss

@@ -3,7 +3,7 @@
   justify-content: center;
   align-items: center;
   background-color: white;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
   border-radius: 10px;
   width: 20rem;
   height: 15rem;

styles/admin/modal/AdminNoti.module.scss

@@ -15,7 +15,7 @@
   align-content: space-evenly;
   width: 510px;
   height: 130px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .titleText {
@@ -38,11 +38,11 @@
 .body {
   display: flex;
   flex-direction: column;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .bodyWrap {
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .bodyText {
@@ -71,7 +71,7 @@
 }
 
 .messageWrap {
-  padding: 0rem 0rem;
+  padding: 0 0;
 }
 
 .messageBlank {
@@ -159,7 +159,6 @@
     }
   }
   .dropdown {
-    width: 275px;
     width: 100%;
     z-index: 999;
     padding: 0 0.8rem 0.5rem 0.5rem;

styles/admin/modal/AdminPenalty.module.scss

@@ -13,7 +13,7 @@
   align-content: space-evenly;
   width: 510px;
   height: 130px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .titleText {
@@ -40,7 +40,7 @@
 }
 
 .bodyWrap {
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .bodyText {
@@ -71,7 +71,7 @@
   display: flex;
   align-items: center;
   margin-bottom: 10px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
   :focus {
     outline: none;
   }
@@ -93,7 +93,7 @@
   display: flex;
   align-items: center;
   margin-bottom: 10px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .reasonBlank {
@@ -112,7 +112,7 @@
   display: flex;
   align-items: center;
   margin-bottom: 10px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .durationBlank {
@@ -131,7 +131,7 @@
   display: flex;
   align-items: center;
   margin-bottom: 10px;
-  padding: 0rem 1rem;
+  padding: 0 1rem;
 }
 
 .dateBlank {

styles/admin/modal/AdminProfile.module.scss

@@ -1,7 +1,7 @@
 .modal {
   display: flex;
   flex-direction: column;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
   width: 450px;
   background-color: #ffffff;
   border-radius: 10px;

styles/admin/modal/DeletePenaltyModal.module.scss

@@ -5,7 +5,7 @@
   justify-content: center;
   align-items: center;
   background-color: white;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
   border-radius: $medium-radius;
   width: 20rem;
   height: 15rem;

styles/admin/notification/NotificationTable.module.scss

@@ -2,8 +2,8 @@
 @import 'styles/common.scss';
 
 .notificationWrap {
-  width: '100%';
-  height: '100%';
+  width: 100%;
+  height: 100%;
 
   .header {
     display: flex;

styles/globals.css

@@ -59,7 +59,6 @@ ul {
 }
 
 ul.pagination li {
-  display: inline-block;
   cursor: pointer;
   width: 27px;
   height: 27px;