Merge pull request #476 from Gwasuwon-shot/develop

release 1.2.2

Author: eunbeann

.eslintrc.cjs

@@ -1,13 +1,23 @@
 module.exports = {
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "prettier"],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: "module",
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  plugins: ["@typescript-eslint", "prettier", "react", "simple-import-sort"],
   extends: [
     "airbnb",
     "plugin:import/errors",
     "plugin:import/warnings",
     "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier/@typescript-eslint",
+    "plugin:react/recommended",
+    "prettier",
   ],
   rules: {
     "linebreak-style": 0,
@@ -22,6 +32,7 @@ module.exports = {
     "eol-last": ["error", "always"], // line의 가장 마지막 줄에는 개행 넣기
     "react/react-in-jsx-scope": "off",
     "no-multi-spaces": "error", // 스페이스 여러개 금지
-    "simple-import-sort/imports": "error"
+    "simple-import-sort/imports": "error",
+    "no-use-before-define": ["error", false],
   },
 };

.nvmrc

@@ -1 +1 @@
-v18.19.0
+v18.20.3

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint",
     "stylelint": "stylelint './src/**/*.tsx' --fix",
     "preview": "vite preview"
   },
@@ -31,6 +31,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.11",
+    "react-ga4": "^2.1.0",
     "react-konva": "^18.2.10",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.23.0",
@@ -58,13 +59,20 @@
     "@typescript-eslint/parser": "^5.59.0",
     "@vitejs/plugin-react": "^4.0.0",
     "eslint": "^8.44.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.3.4",
+    "eslint-plugin-simple-import-sort": "^12.1.0",
     "postcss": "^8.4.25",
     "postcss-styled-syntax": "^0.4.0",
     "prettier": "^3.0.0",
     "slick-carousel": "^1.8.1",
-    "typescript": "^5.0.2",
+    "typescript": "5.1.6",
     "vite": "^4.3.9"
   }
 }

src/App.tsx

@@ -4,8 +4,11 @@ import Router from "./Router";
 import "./core/notification/settingFCM";
 import { GlobalStyle } from "./style/globalStyle";
 import { theme } from "./style/theme";
+import REACTGA from "react-ga4";
 
 export default function App() {
+  REACTGA.initialize(import.meta.env.VITE_APP_GOOGLE_ANALYTICS);
+
   return (
     <RecoilRoot>
       <ThemeProvider theme={theme}>

src/Router.tsx

@@ -1,8 +1,9 @@
 import * as Sentry from "@sentry/react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
 
+import { AxiosError } from "axios";
 import { Suspense } from "react";
-import { ErrorBoundary } from "react-error-boundary";
+import { removeCookie } from "./api/cookie";
 import ConnectParentsAndTeacher from "./components/RegularLesson/ConnectParentsAndTeacher";
 import AfterSignup from "./components/welcomeSignup/AfterSignup";
 import AllowAlert from "./components/welcomeSignup/AllowAlert";
@@ -38,12 +39,17 @@ import TimePickerPage from "./pages/TimePickerPage";
 import TuitionPayment from "./pages/TuitionPayment";
 import WelcomeSignup from "./pages/WelcomeSignup";
 import PrivateRoute from "./utils/common/privateRoute";
+  interface fallbackProps {
+    error: Error;
+    resetError: () => void;
+  }
 
 export default function Router() {
+
   return (
     <BrowserRouter>
       <Sentry.ErrorBoundary fallback={fallbackRender}>
-        <ErrorBoundary FallbackComponent={fallbackRender}>
+        {/* <ErrorBoundary FallbackComponent={fallbackRender}> */}
           <Suspense fallback={<Loading />}>
             <Routes>
               <Route path="/" element={<OnBoarding />} />
@@ -85,20 +91,18 @@ export default function Router() {
               </Route>
             </Routes>
           </Suspense>
-        </ErrorBoundary>
+        {/* </ErrorBoundary> */}
       </Sentry.ErrorBoundary>
     </BrowserRouter>
   );
 }
 
-function fallbackRender({ error, resetErrorBoundary }: any) {
-  // if (error.response) {
-  //   if (error.response.data.code === 401) {
-  //     resetErrorBoundary();
-  //     removeCookie("accessToken");
-  //     return <Navigate to="/" />;
-  //   }
-  // } else {
-  return <ErrorPage resetErrorBoundary={resetErrorBoundary} />;
-  // }
+function fallbackRender({ error, resetError }:fallbackProps) {
+  if ( error instanceof AxiosError && error.response?.status === 401) {
+      resetError();
+      removeCookie("accessToken");
+      return <Navigate to="/" />;
+  } else {
+  return <ErrorPage resetErrorBoundary={resetError} />;
+  }
 }

src/api/createLesson.ts

@@ -33,18 +33,18 @@ export async function createLesson(props: createLessonProps) {
     `/api/lesson`,
     {
       lesson: {
-        studentName: studentName,
-        subject: subject,
-        payment: payment,
-        amount: amount,
-        count: count,
-        startDate: startDate,
-        regularScheduleList: regularScheduleList,
+        studentName,
+        subject,
+        payment,
+        amount,
+        count,
+        startDate,
+        regularScheduleList,
       },
       account: {
         // name: name,
-        bank: bank,
-        number: number,
+        bank,
+        number,
       },
     },
     {

src/api/createLessonMaintenance.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 interface createLessonMaintenanceProps {
@@ -12,8 +13,8 @@ export async function createLessonMaintenance(props: createLessonMaintenanceProp
   const data = await axios.post(
     `${import.meta.env.VITE_APP_BASE_URL}/api/lesson/maintenance`,
     {
-      lessonIdx: lessonIdx,
-      isLessonMaintenance: isLessonMaintenance,
+      lessonIdx,
+      isLessonMaintenance,
     },
     {
       headers: {

src/api/deleteLesson.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function deleteLesson(lessonIdx: number) {

src/api/getAttendanceExist.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getAttendanceExist(scheduleIdx: number) {

src/api/getDepositRecord.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getDepositRecord(lessonId: number) {