Refactor: global store type category interface

MARU-EGG · Aug 22, 2024 · 4c7f88c · 4c7f88c
1 parent 57ff79f
commit 4c7f88c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/src/store/type-category-store.ts b/src/store/type-category-store.ts
@@ -1,6 +1,6 @@
 import { create } from 'zustand';
 
-interface TypeCategoryState {
+export interface TypeCategoryState {
   type: undefined | 'SUSI' | 'PYEONIP' | 'JEONGSI';
   category: undefined | 'ADMISSION_GUIDELINE' | 'PASSING_RESULT' | 'PAST_QUESTIONS' | 'INTERVIEW_PRACTICAL_TEST';
   setSelectedType: (button: TypeCategoryState['type']) => void;

diff --git a/src/ui/components/molecule/chat-section/chat-section.tsx b/src/ui/components/molecule/chat-section/chat-section.tsx
@@ -2,27 +2,21 @@
 import React from 'react';
 import ChatCard from '../../atom/chat-card/chat-card';
 import PresetButton from '../../atom/preset/preset-button';
-import useTypeStore from '../../../../store/type-category-store';
+import useTypeStore, { TypeCategoryState } from '../../../../store/type-category-store';
 import useChatStore from '../../../../store/chat-store';
 
 const ChatSection: React.FC = () => {
   const { setSelectedType, type, setSelectedCategory, category } = useTypeStore();
   const { messages } = useChatStore();
-  const [selectedTypeButton, setSelectedTypeButton] = React.useState<'SUSI' | 'PYEONIP' | 'JEONGSI' | undefined>(
-    undefined,
-  );
-  const [selectedCategoryButton, setSelectedCategoryButton] = React.useState<
-    undefined | 'ADMISSION_GUIDELINE' | 'PASSING_RESULT' | 'PAST_QUESTIONS' | 'INTERVIEW_PRACTICAL_TEST'
-  >(undefined);
+  const [selectedTypeButton, setSelectedTypeButton] = React.useState<TypeCategoryState['type']>(undefined);
+  const [selectedCategoryButton, setSelectedCategoryButton] = React.useState<TypeCategoryState['category']>(undefined);
 
-  const handleTypeButtonClick = (selectedType: 'SUSI' | 'PYEONIP' | 'JEONGSI') => {
+  const handleTypeButtonClick = (selectedType: TypeCategoryState['type']) => {
     setSelectedType(selectedType);
     setSelectedTypeButton(selectedType);
   };
 
-  const handleCategoryButtonClick = (
-    selectedCategory: 'ADMISSION_GUIDELINE' | 'PASSING_RESULT' | 'PAST_QUESTIONS' | 'INTERVIEW_PRACTICAL_TEST',
-  ) => {
+  const handleCategoryButtonClick = (selectedCategory: TypeCategoryState['category']) => {
     setSelectedCategory(selectedCategory);
     setSelectedCategoryButton(selectedCategory);
   };