From e8de6d66f8d1e331fb42a38646f5aed969814779 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 20 Apr 2026 17:50:27 +0900
Subject: [PATCH] =?UTF-8?q?[st]=20fix:=20eslint=20=EC=97=90=EB=9F=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../statistics/input/StatsInputStatusInp.tsx  | 70 +++++++++++--------
 1 file changed, 40 insertions(+), 30 deletions(-)

diff --git a/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx b/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
index 919231fde..5bbf6dd7a 100644
--- a/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
+++ b/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
@@ -1,22 +1,25 @@
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
+
 import useSWR, { useSWRConfig } from "swr";
 
-import SearchForm from "@/components/module/SearchForm";
-import { useTabStore } from "@/store/tab-store";
-import DataGrid from "@/components/module/DataGrid";
-import ApproveButton from "@/components/button/ApproveButton";
-import RejectButton from "@/components/button/RejectButton";
-import { LoadingWithAnimation } from "@common/components";
-
-import { StatsInputStatusInpColumn } from "@/components/util/column/input/StatsInputStatusInpColumn";
+import { useAlertStore } from "@/shared/lib";
 import { StatisticsInputStatusApi } from "@/entities/statistics/api/input/statistics-input-status-service";
 import type { StatsInputStatusListRequestParams } from "@/entities/statistics/model/input/statistics-input-status-interface";
-import type { SearchFormValues } from "@/components/type/SearchForm.type";
-import { useAlertStore } from "@/shared/lib";
-import { toGridRows } from "@/components/util/grid/gridFunction";
 import type { StatsInputStatusListApiResponse } from "@/entities/statistics/model/input/statistics-input-status-interface";
+import { LoadingWithAnimation } from "@common/components";
 
-const getStatsInputStatusFetcher = async (key: [string, StatsInputStatusListRequestParams]): Promise<StatsInputStatusListApiResponse> => {
+import ApproveButton from "@/components/button/ApproveButton";
+import RejectButton from "@/components/button/RejectButton";
+import DataGrid from "@/components/module/DataGrid";
+import SearchForm from "@/components/module/SearchForm";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { StatsInputStatusInpColumn } from "@/components/util/column/input/StatsInputStatusInpColumn";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import { useTabStore } from "@/store/tab-store";
+
+const getStatsInputStatusFetcher = async (
+    key: [string, StatsInputStatusListRequestParams],
+): Promise<StatsInputStatusListApiResponse> => {
     return StatisticsInputStatusApi.getStatisticsInputStatusList(key[1]);
 };
 
@@ -24,10 +27,15 @@ const getStatsInputStatusFetcher = async (key: [string, StatsInputStatusListRequ
 const StatsInputStatusInp = () => {
     const { setMessage: alert } = useAlertStore((state) => state);
     const activeTabId = useTabStore((state) => state.activeTabId);
-    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
-    const [searchParams, setSearchParams] = useState<StatsInputStatusListRequestParams | null>(null);
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>(
+        [],
+    );
+    const [searchParams, setSearchParams] =
+        useState<StatsInputStatusListRequestParams | null>(null);
 
-    const swrKey = searchParams ? (["stats-input-status", searchParams] as const) : null;
+    const swrKey = searchParams
+        ? (["stats-input-status", searchParams] as const)
+        : null;
     const { mutate } = useSWRConfig();
     const { isLoading } = useSWR<StatsInputStatusListApiResponse>(
         swrKey,
@@ -49,7 +57,7 @@ const StatsInputStatusInp = () => {
     );
 
     useEffect(() => {
-        if (activeTabId === 'StatsInputStatusInp' && swrKey) {
+        if (activeTabId === "StatsInputStatusInp" && swrKey) {
             mutate(swrKey);
         }
     }, [activeTabId]);
@@ -63,7 +71,7 @@ const StatsInputStatusInp = () => {
             ctpvNm: values.sido,
             sewerBzmnCd: values.bsnmCd,
             sggNm: values.gugun === "ALL" ? "" : values.gugun,
-            statsYr: values.year,
+            statsYr: values.year ?? "",
         };
         setSearchParams(params);
         mutate(["stats-input-status", params]);
@@ -87,22 +95,24 @@ const StatsInputStatusInp = () => {
             <div className="relative">
                 <SearchForm onSubmit={handleSearch} onReset={handleReset} />
                 <div className="card !py-0">
-                    <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
+                    <div className="m-[0.6rem] flex items-center justify-end gap-[0.6rem]">
                         <RejectButton rejectFunc={rejectFunc} />
                         <ApproveButton approveFunc={approveFunc} />
                     </div>
                 </div>
-                {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
-                    <div className="relative size-[5rem]">
-                        <LoadingWithAnimation color="primary" />
+                {isLoading && (
+                    <div className="[data-theme='black']:bg-transparent absolute inset-0 z-50 flex items-center justify-center rounded-lg p-10">
+                        <div className="relative size-[5rem]">
+                            <LoadingWithAnimation color="primary" />
+                        </div>
                     </div>
-                </div>}
-                <DataGrid 
-                    columnInfo={ StatsInputStatusInpColumn } 
-                    rowStartNum={2} 
-                    fixedColumns={3} 
-                    rowData={rowData} 
-                    setRowData={setRowData} 
+                )}
+                <DataGrid
+                    columnInfo={StatsInputStatusInpColumn}
+                    rowStartNum={2}
+                    fixedColumns={3}
+                    rowData={rowData}
+                    setRowData={setRowData}
                     isExcelImport={false}
                     showHeaderCheckbox={true}
                 />
@@ -111,4 +121,4 @@ const StatsInputStatusInp = () => {
     );
 };
 
-export default StatsInputStatusInp;
\ No newline at end of file
+export default StatsInputStatusInp;