Merge pull request #3 from JNU-econovation/develop

style: eslint 규칙에 맞춰 코드 스타일 수정
JNU-econovation · Mar 14, 2024 · 89459fc · 89459fc
2 parents 95f9c92 + ca45d05
commit 89459fc
Show file tree

Hide file tree

Showing 22 changed files with 19 additions and 43 deletions.
diff --git a/FE/src/app/(auth)/layout.tsx b/FE/src/app/(auth)/layout.tsx
@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 
-export default function AuthLayout({ children }: PropsWithChildren<{}>) {
+export default function AuthLayout({ children }: PropsWithChildren) {
   return (
     <main className="mb-28 mt-16 h-full w-full max-w-[500px] sm:max-w-[800px] lg:max-w-[1112px]">
       {children}

diff --git a/FE/src/app/(private)/(program)/layout.tsx b/FE/src/app/(private)/(program)/layout.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react";
 import Header from "@/components/common/header/Header";
 
-export default function ProgramLayout({ children }: PropsWithChildren<{}>) {
+export default function ProgramLayout({ children }: PropsWithChildren) {
   return (
     <>
       <Header />

diff --git a/FE/src/app/(private)/layout.tsx b/FE/src/app/(private)/layout.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react";
 import AuthValidate from "@/components/common/validate/Auth";
 
-const PrivateLayout = ({ children }: PropsWithChildren<{}>) => {
+const PrivateLayout = ({ children }: PropsWithChildren) => {
   return (
     <>
       <AuthValidate />

diff --git a/FE/src/app/(private)/team-building/detail/page.tsx b/FE/src/app/(private)/team-building/detail/page.tsx
@@ -3,7 +3,6 @@
 import { useRouter } from "next/navigation";
 import { toast } from "react-toastify";
 import LoadingSpinner from "@/components/common/LoadingSpinner";
-import InputStatusInfoContainer from "@/components/teamBuildingDetail/inputStatus/InputStatusInfo.container";
 import TeamBuildingInfo from "@/components/teamBuildingDetail/teamBuilding/TeamBuildingInfo";
 import UserInputModalContainer from "@/components/teamBuildingDetail/userInputModal/UserInputModal.container";
 import ERROR_CODE from "@/constants/ERROR_CODE";

diff --git a/FE/src/app/(private)/team-building/layout.tsx b/FE/src/app/(private)/team-building/layout.tsx
@@ -1,9 +1,7 @@
 import { PropsWithChildren } from "react";
 import Header from "@/components/common/header/Header";
 
-export default function TeamBuildingLayout({
-  children,
-}: PropsWithChildren<{}>) {
+export default function TeamBuildingLayout({ children }: PropsWithChildren) {
   return (
     <>
       <Header />

diff --git a/FE/src/app/(private)/team-building/result/error.tsx b/FE/src/app/(private)/team-building/result/error.tsx
@@ -1,18 +1,9 @@
 "use client"; // Error components must be Client Components
 
 import { useRouter } from "next/navigation";
-import Title from "@/components/common/Title";
-import ERROR_CODE from "@/constants/ERROR_CODE";
-import ERROR_MESSAGE from "@/constants/ERROR_MESSAGE";
 import ROUTES from "@/constants/ROUTES";
 
-export default function TeamBuildingResultError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
+export default function TeamBuildingResultError() {
   const router = useRouter();
   const handleBackHome = () => {
     router.push(ROUTES.MAIN);

diff --git a/FE/src/app/layout.tsx b/FE/src/app/layout.tsx
@@ -1,12 +1,8 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
 import "./globals.css";
 import { PropsWithChildren } from "react";
-import Header from "@/components/common/header/Header";
 import Provider from "@/utils/provider";
 
-const inter = Inter({ subsets: ["latin"] });
-
 export const metadata: Metadata = {
   title: "EEOS",
   description: "에코노베이션 행사 관리 서비스",
@@ -23,7 +19,7 @@ export const metadata: Metadata = {
   },
 };
 
-export default function RootLayout({ children }: PropsWithChildren<{}>) {
+export default function RootLayout({ children }: PropsWithChildren) {
   return (
     <html lang="ko">
       <body className="flex flex-col items-center">

diff --git a/FE/src/components/common/Dropup.tsx b/FE/src/components/common/Dropup.tsx
@@ -6,7 +6,7 @@ interface DropupItem {
   onClick: () => void;
 }
 
-interface DropupProps extends PropsWithChildren<{}> {
+interface DropupProps extends PropsWithChildren {
   title: string;
   items: DropupItem[];
 }

diff --git a/FE/src/components/common/ErrorFallback.tsx b/FE/src/components/common/ErrorFallback.tsx
@@ -7,7 +7,9 @@ const ERROR_TITLE = "ERROR";
 const RETRY_BUTTON_TEXT = "Try again";
 
 type FallbackProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   error: any;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   resetErrorBoundary?: (...args: any[]) => void;
   retryButton?: boolean;
 };

diff --git a/FE/src/components/common/ErrorFallbackNoIcon.tsx b/FE/src/components/common/ErrorFallbackNoIcon.tsx
@@ -6,7 +6,9 @@ const ERROR_TITLE = "ERROR";
 const RETRY_BUTTON_TEXT = "Try again";
 
 type FallbackProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   error: any;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   resetErrorBoundary?: (...args: any[]) => void;
 };
 

diff --git a/FE/src/components/common/form/program/ProgramForm.tsx b/FE/src/components/common/form/program/ProgramForm.tsx
@@ -10,10 +10,7 @@ import ProgramDemandCheckBox from "./ProgramDemandCheckBox";
 import ProgramTitle from "./ProgramTitle";
 import FORM_INFO from "@/constants/FORM_INFO";
 import PROGRAM from "@/constants/PROGRAM";
-import {
-  ProgramFormData,
-  ProgramFormDataAction,
-} from "@/hooks/useProgramFormData";
+import { ProgramFormData } from "@/hooks/useProgramFormData";
 import { FormType } from "@/types/form";
 import { ProgramCategory } from "@/types/program";
 

diff --git a/FE/src/components/common/form/teamBuilding/TeamBuildingForm.tsx b/FE/src/components/common/form/teamBuilding/TeamBuildingForm.tsx
@@ -3,7 +3,6 @@ import { PropsWithChildren } from "react";
 import MarkdownEditor from "../../markdown/MarkdownEditor";
 import FormBtn from "../FormBtn";
 import TeamBuildingMaxTeamSize from "./TeamBuildingMaxTeamSize";
-import TeamBuildingMinTeamSize from "./TeamBuildingMinTeamSize";
 import TeamBuildingTitle from "./TeamBuildingTitle";
 import FORM_INFO from "@/constants/FORM_INFO";
 import { TeamBuildingFormData } from "@/hooks/useTeamBuildingFormData";

diff --git a/FE/src/components/common/memberTable/MemberTable.tsx b/FE/src/components/common/memberTable/MemberTable.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Suspense, useState } from "react";
+import { useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import ErrorFallback from "../ErrorFallback";
 import Tab from "../tabs/Tab";

diff --git a/FE/src/components/login/RightSection.tsx b/FE/src/components/login/RightSection.tsx
@@ -1,10 +1,6 @@
 import Title from "../common/Title";
 import SlackLoginSection from "./slack/LoginSection";
 
-const responsiveClass = {
-  sm: "",
-};
-
 const LoginRightSection = () => {
   return (
     <div

diff --git a/FE/src/components/programDetail/userAttendModal/UserAttendModal.tsx b/FE/src/components/programDetail/userAttendModal/UserAttendModal.tsx
@@ -5,7 +5,6 @@ import AttendStatusModalLoader from "./AttendStatusModal.loader";
 import AttendStatusView from "./AttendStatusView";
 import AttendToggleLabel from "./AttendToggleLabel";
 import AttendStatusToggle from "@/components/common/attendStatusToggle/AttendStatusToggle";
-import ATTEND_STATUS from "@/constants/ATTEND_STATUS";
 import MESSAGE from "@/constants/MESSAGE";
 import {
   useGetMyAttendStatus,

diff --git a/FE/src/components/programEdit/EditMemberTableItem.tsx b/FE/src/components/programEdit/EditMemberTableItem.tsx
@@ -5,12 +5,12 @@ import AttendStatusToggle from "../common/attendStatusToggle/AttendStatusToggle"
 import CheckBox from "../common/CheckBox";
 import ACTIVE_STATUS from "@/constants/ACTIVE_STATUS";
 import MESSAGE from "@/constants/MESSAGE";
-import { AttendStatus } from "@/types/member";
+import { ActiveStatus, AttendStatus } from "@/types/member";
 
 interface EditMemberTableItemProps {
   memberId: number;
   name: string;
-  activeStatus: AttendStatus;
+  activeStatus: ActiveStatus;
   initAttendStatus: AttendStatus;
   setMembers: (
     memberId: number,
@@ -27,7 +27,7 @@ const EditMemberTableItem = ({
   initAttendStatus,
   setMembers,
   isEditable = true,
-}) => {
+}: EditMemberTableItemProps) => {
   const [selectedAttend, setSelectedAttend] =
     useState<AttendStatus>(initAttendStatus);
   const isRelated = selectedAttend !== "nonRelated";

diff --git a/FE/src/components/teamBuildingDetail/userInputModal/SentenceForm.tsx b/FE/src/components/teamBuildingDetail/userInputModal/SentenceForm.tsx
@@ -1,4 +1,3 @@
-import { create } from "domain";
 import classNames from "classnames";
 import { Dispatch, SetStateAction, useEffect, useRef } from "react";
 import { toast } from "react-toastify";

diff --git a/FE/src/hooks/query/useAuthQuery.ts b/FE/src/hooks/query/useAuthQuery.ts
@@ -24,6 +24,7 @@ export const useSlackLoginMutation = () => {
 
         router.replace(ROUTES.MAIN);
       },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       onError: (error: any) => {
         const errorCode = error?.response?.data?.code;
         errorCode === ERROR_CODE.AUTH.INVALID_NAME &&

diff --git a/FE/src/hooks/query/useTeamBuildingQuery.ts b/FE/src/hooks/query/useTeamBuildingQuery.ts
@@ -1,7 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
-import { toast } from "react-toastify";
 import {
   CreateTeamBuildingRequest,
   TeamBuildingSentenceRequest,

diff --git a/FE/src/hooks/query/useUserQuery.ts b/FE/src/hooks/query/useUserQuery.ts
@@ -53,7 +53,7 @@ export const usePutMyAttendStatus = ({
         beforeAttendStatus,
         afterAttendStatus: afterAttendStatus,
       }),
-    onSettled: (data) => {
+    onSettled: () => {
       queryClient.invalidateQueries({
         queryKey: [API.USER.ATTEND_STATUS(programId)],
       });

diff --git a/FE/src/utils/convert.ts b/FE/src/utils/convert.ts
@@ -1,5 +1,3 @@
-import { toast } from "react-toastify";
-
 const WEEK = ["일", "월", "화", "수", "목", "금", "토"];
 
 export const convertDate = (

diff --git a/FE/src/utils/provider.tsx b/FE/src/utils/provider.tsx
@@ -5,7 +5,7 @@ import { PropsWithChildren } from "react";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
-const Provider = ({ children }: PropsWithChildren<{}>) => {
+const Provider = ({ children }: PropsWithChildren) => {
   const client = new QueryClient({
     defaultOptions: {
       queries: {