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