From 13a40df675dbb6b2769f5d0f705530da4ec169da Mon Sep 17 00:00:00 2001
From: MinseoLee <mmmm@ajou.ac.kr>
Date: Fri, 8 Dec 2023 21:35:52 +0900
Subject: [PATCH] style: type always starts with biggercase

---
 .eslintrc.js                               | 15 +++++++++++++++
 src/_app/App.tsx                           |  8 ++------
 src/_app/modules/wrapper/Wrapper.tsx       |  1 +
 src/pages/order-page/module/ExitButton.tsx |  4 ++--
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index e840a4e..9ec9656 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -62,6 +62,21 @@ module.exports = {
         "@typescript-eslint/ban-types": "off",
         "@typescript-eslint/no-non-null-assertion": "off",
         "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/naming-convention": [
+            "error",
+            {
+                "selector": "interface",
+                "format": ["PascalCase"],
+                "custom": {
+                    "regex": "^I[A-Z]",
+                    "match": false
+                }
+            },
+            {
+                "selector": "typeAlias",
+                "format": ["PascalCase"],
+            },
+        ],
 
         // plugins
         "import/order": ["error", {
diff --git a/src/_app/App.tsx b/src/_app/App.tsx
index 9515144..d96735b 100644
--- a/src/_app/App.tsx
+++ b/src/_app/App.tsx
@@ -28,7 +28,6 @@ import Wrapper from "./modules/wrapper/Wrapper";
 import type { MutableRefObject } from 'react';
 
 
-
 function App() {
     const [headerName, setHeaderName] = useState('');
     const [login, setLogin] = useState(true);
@@ -56,11 +55,8 @@ function App() {
                     <Toast />
                     <div className={"App"}>
                         <Wrapper connector={connector}>
-                            {login &&
-                        <>
-                            <Header headerName={headerName} connector={connector} />
-                            {/*<Navigator />*/}
-                        </>
+                            {
+                                login && <Header headerName={headerName} connector={connector} />
                             }
                             <article className={S['page-container']}>
                                 <Routes>
diff --git a/src/_app/modules/wrapper/Wrapper.tsx b/src/_app/modules/wrapper/Wrapper.tsx
index 89c1ebd..5069ba4 100644
--- a/src/_app/modules/wrapper/Wrapper.tsx
+++ b/src/_app/modules/wrapper/Wrapper.tsx
@@ -13,6 +13,7 @@ import type { ReactNode , MutableRefObject } from "react";
 
 interface Props { children: ReactNode; }
 
+
 // NEEDED TO USE CONTEXTS
 const Wrapper: GFCWithProp<Props> = ({ connector, children }) => {
     const { bSElement } = useContext(BSContext);
diff --git a/src/pages/order-page/module/ExitButton.tsx b/src/pages/order-page/module/ExitButton.tsx
index 715ef73..821cee5 100644
--- a/src/pages/order-page/module/ExitButton.tsx
+++ b/src/pages/order-page/module/ExitButton.tsx
@@ -6,11 +6,11 @@ import S from './ExitButton.module.css';
 
 import type { FC } from "react";
 
-interface props {
+interface Props {
     text: string;
 }
 
-const ExitButton: FC<props> = ({ text }) => {
+const ExitButton: FC<Props> = ({ text }) => {
     const navigate = useNavigate();
 
     const handleGotoMain = () => {
-- 
GitLab