feat: 셀 비어있는 버그 픽스

Yuseong-AllowancePayments · Dec 26, 2023 · 1054574 · 1054574
1 parent 5469037
commit 1054574
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/main/Tab.tsx b/src/components/main/Tab.tsx
@@ -1,6 +1,9 @@
 import styled from "styled-components";
 import { TabItemType, TabItemInfo } from "../../constants/main";
-import { useExcelTypeState } from "../../store/questionState";
+import {
+    useExcelTabTypeState,
+    useExcelTypeState,
+} from "../../store/questionState";
 import { excelTypes } from "../../utils/functions/Translation";
 
 interface TabProps {
@@ -10,6 +13,7 @@ interface TabProps {
 
 const Tab = ({ clickItemInfo, setClickItemInfo }: TabProps) => {
     const { setExcelType } = useExcelTypeState();
+    const { resetExcelTab } = useExcelTabTypeState();
     return (
         <Container>
             {TabItemInfo.map((item, idx) => (
@@ -18,6 +22,7 @@ const Tab = ({ clickItemInfo, setClickItemInfo }: TabProps) => {
                     onClick={() => {
                         setClickItemInfo(item);
                         setExcelType(excelTypes[item.tabItem]);
+                        resetExcelTab();
                     }}
                     key={idx}
                 >

diff --git a/src/store/questionState.ts b/src/store/questionState.ts
@@ -58,11 +58,13 @@ export const useExcelDataState = create<excelDataState>()(
 interface excelTabTypeState {
     excelTab: excelTabType;
     setExcelTab: (tab: excelTabType) => void;
+    resetExcelTab: () => void;
 }
 
 export const useExcelTabTypeState = create<excelTabTypeState>()(
     devtools((set) => ({
         excelTab: "paymentTargetTab",
         setExcelTab: (tab: excelTabType) => set({ excelTab: tab }),
+        resetExcelTab: () => set({ excelTab: "paymentTargetTab" }),
     }))
 );