fix: comfrim type of HEADER_LABEL and label in HeaderProps

Developer-Sauna-Club · Apr 4, 2024 · bd6b18e · bd6b18e
1 parent e1ae742
commit bd6b18e
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -3,18 +3,21 @@ import { MdOutlineSearch } from 'react-icons/md';
 import CloseButton from '../CloseButton';
 import HeaderText from '../HeaderText';
 
+const HEADER_LABEL = {
+  search: '검색',
+  news: '뉴스',
+} as const
+
+type label = keyof typeof HEADER_LABEL;
+
 type HeaderProps = {
-  label: 'search' | 'news';
+  label: label ;
   type?: 'close' | 'search';
   path?: string;
 };
 
 const Header = ({ label, type, path }: HeaderProps) => {
   const navigate = useNavigate();
-  const HEADER_LABEL = {
-    search: '검색',
-    news: '뉴스',
-  };
 
   const HEADER_TYPE = {
     close: <CloseButton onClick={() => (path ? navigate(path) : navigate(-1))} />,