sn: src/shared/util/util.ts 적용 외

apps/sn/app/(map-layout)/map/components/fldngHstry/fldngHstryTypes.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import type { UiHeadProps } from "@common/business_components/ui";
+import { appendApiSearchParams } from "@/shared/util/util";
 
 export const FLOOD_HISTORY_POPUP_KEY = "fldngHstryPopup";
 export const FLDNG_HSTRY_ROW_SELECT_MESSAGE = "SN_FLOOD_HISTORY_ROW_SELECT";
@@ -419,17 +420,14 @@ export const buildFldngHstryListQueryString = (
     size: String(size),
   });
 
-  if (normalized.ctpvCd !== "0")
+  appendApiSearchParams(params, {
-    params.set("ctpvCd", normalized.ctpvCd.slice(0, 2));
+    ctpvCd: normalized.ctpvCd === "0" ? "0" : normalized.ctpvCd.slice(0, 2),
-  if (normalized.sggCd !== "0")
+    sggCd: normalized.sggCd === "0" ? "0" : normalized.sggCd.slice(0, 5),
-    params.set("sggCd", normalized.sggCd.slice(0, 5));
+    fldngYr: normalized.floodYear,
-  if (normalized.floodYear) params.set("fldngYr", normalized.floodYear);
+    fldngDstrNm: normalized.disasterName,
-  if (normalized.disasterName)
+    rainBgngTm: normalized.rainStartDate,
-    params.set("fldngDstrNm", normalized.disasterName);
+    fldngDstrctNm: normalized.districtName,
-  if (normalized.rainStartDate)
+  });
-    params.set("rainBgngTm", normalized.rainStartDate);
-  if (normalized.districtName)
-    params.set("fldngDstrctNm", normalized.districtName);
   return params.toString();
 };
 

apps/sn/app/(map-layout)/map/components/floodDngrMap/floodDngrMapTypes.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import type { UiHeadProps } from "@common/business_components/ui";
+import { appendApiSearchParams } from "@/shared/util/util";
 
 export const FLOOD_DNGR_MAP_POPUP_KEY = "floodDngrMapPopup";
 export const FLOOD_DNGR_MAP_LAYER_TYPE = "tb_ms_flood_dngr_map";
@@ -89,16 +90,12 @@ export const buildFloodDngrMapListQueryString = (
     page: String(page),
     size: String(size),
   });
-  if (filters.ctpvCd && filters.ctpvCd !== "0")
+  appendApiSearchParams(params, {
-    params.set("ctpvCd", filters.ctpvCd.slice(0, 2));
+    ctpvCd: filters.ctpvCd === "0" ? "0" : filters.ctpvCd.slice(0, 2),
-  if (filters.sggCd && filters.sggCd !== "0")
+    sggCd: filters.sggCd === "0" ? "0" : filters.sggCd.slice(0, 5),
-    params.set("sggCd", filters.sggCd.slice(0, 5));
+    sbmrgDpthlCd: filters.sbmrgDpthlCd,
-  if (filters.sbmrgDpthlCd && filters.sbmrgDpthlCd !== "0") {
+    sbmrgFrqExpln: filters.sbmrgFrqExpln,
-    params.set("sbmrgDpthlCd", filters.sbmrgDpthlCd);
+  });
-  }
-  if (filters.sbmrgFrqExpln && filters.sbmrgFrqExpln !== "0") {
-    params.set("sbmrgFrqExpln", filters.sbmrgFrqExpln);
-  }
   return params.toString();
 };
 

apps/sn/app/(map-layout)/map/components/sbmrgDngrMap/sbmrgDngrMapTypes.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import type { UiHeadProps } from "@common/business_components/ui";
+import { appendApiSearchParams } from "@/shared/util/util";
 
 export const SBMRG_DNGR_MAP_POPUP_KEY = "sbmrgDngrMapPopup";
 export const SBMRG_DNGR_MAP_LAYER_TYPE = "tb_ms_sbmrg_dngr_map";
@@ -74,13 +75,11 @@ export const buildSbmrgDngrMapListQueryString = (
     page: String(page),
     size: String(size),
   });
-  if (filters.ctpvCd && filters.ctpvCd !== "0")
+  appendApiSearchParams(params, {
-    params.set("ctpvCd", filters.ctpvCd.slice(0, 2));
+    ctpvCd: filters.ctpvCd === "0" ? "0" : filters.ctpvCd.slice(0, 2),
-  if (filters.sggCd && filters.sggCd !== "0")
+    sggCd: filters.sggCd === "0" ? "0" : filters.sggCd.slice(0, 5),
-    params.set("sggCd", filters.sggCd.slice(0, 5));
+    floodWtlvFrqVl: filters.floodWtlvFrqVl,
-  if (filters.floodWtlvFrqVl && filters.floodWtlvFrqVl !== "0") {
+  });
-    params.set("floodWtlvFrqVl", filters.floodWtlvFrqVl);
-  }
   return params.toString();
 };
 

apps/sn/app/(map-layout)/map/components/sinkhole/sinkholeTypes.ts

@@ -2,6 +2,7 @@
 
 import type { SelectDataType } from "@common/business_components";
 import type { IUserInfo } from "@/shared/store";
+import { appendApiSearchParams } from "@/shared/util/util";
 
 export const SINKHOLE_CONTROL_NODE_ID = "SN_SINKHOLE";
 export const SINKHOLE_LAYER_TYPE = "tb_sn_sinkhole_info";
@@ -284,19 +285,16 @@ export const buildSinkholeListQueryString = (
     size: String(size),
   });
 
-  if (filters.startYmd) params.set("startYmd", filters.startYmd);
-  if (filters.endYmd) params.set("endYmd", filters.endYmd);
-
   const ctpvNm = resolveRegionNameByCode(filters.ctpvCd, ctpvOptions, 2);
   const sggNm = resolveRegionNameByCode(filters.sggCd, sggOptions, 5);
-  if (ctpvNm) params.set("ctpvNm", ctpvNm);
+  appendApiSearchParams(params, {
-  if (sggNm) params.set("sggNm", sggNm);
+    startYmd: filters.startYmd,
-  if (filters.restoreStatus && filters.restoreStatus !== "0") {
+    endYmd: filters.endYmd,
-    params.set("restoreStatus", filters.restoreStatus);
+    ctpvNm,
-  }
+    sggNm,
-  if (filters.coordStatus && filters.coordStatus !== "0") {
+    restoreStatus: filters.restoreStatus,
-    params.set("coordStatus", filters.coordStatus);
+    coordStatus: filters.coordStatus,
-  }
+  });
   if (options?.includeCoordStatus === false) {
     params.set("includeCoordStatus", "false");
   }

apps/sn/src/features/ctyFldngPrvtnBiz/ui/CtyFldngPrvtnBizListPage.tsx

@@ -717,6 +717,7 @@ export function CtyFldngPrvtnBizListPage() {
             />
           </div>
 
+          <div className="flex min-w-fit flex-1 items-center justify-end gap-2">
             <Button type="submit" className="w-[7.4rem]">
               조회
             </Button>
@@ -728,6 +729,7 @@ export function CtyFldngPrvtnBizListPage() {
             >
               초기화
             </Button>
+          </div>
         </form>
       </div>
       {notice && (

apps/sn/src/features/obsltPpl/ui/ObsltPplListPage.tsx

@@ -619,6 +619,7 @@ export function ObsltPplListPage() {
             />
           </div>
 
+          <div className="flex min-w-fit flex-1 items-center justify-end gap-2">
             <Button type="submit" className="w-[7.4rem]">
               조회
             </Button>
@@ -630,6 +631,7 @@ export function ObsltPplListPage() {
             >
               초기화
             </Button>
+          </div>
         </form>
       </div>