diff --git a/apps/wr/app/(popUp-layout)/mapDrgtPopUp/drgtLegend.tsx b/apps/wr/app/(popUp-layout)/mapDrgtPopUp/drgtLegend.tsx index 9c558851c..e20ce9f36 100644 --- a/apps/wr/app/(popUp-layout)/mapDrgtPopUp/drgtLegend.tsx +++ b/apps/wr/app/(popUp-layout)/mapDrgtPopUp/drgtLegend.tsx @@ -4,67 +4,50 @@ import React from "react"; import { Label } from "@common/components/ui/label"; export const DRGT_LAYER_TYPES: string[] = [ - // 수정 필요 - 'drought1', - 'drought2', - 'drought3', - 'drought4', - 'drought5', - 'drought6', -]; -// 지정된 순서에 따른 lyr_sn 배열 -export const EXPRS_ORDERED_LAYERS: string[] = [ - // 수정 필요 - '106', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 30년 빈도 - '107', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 50년 빈도 - '108', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 80년 빈도 - '109', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 100년 빈도 - '110', // 도시침수지도(tb_ms_flood_dngr_map) - 30년 빈도 - '111', // 도시침수지도(tb_ms_flood_dngr_map) - 50년 빈도 + 'drought1', 'drought2', 'drought3', + 'drought4', 'drought5', 'drought6', ]; export function DrgtLegend() { + function LegendItem({ color, label }: { color: string; label: string }) { + return ( +
+ + {label} +
+ ); + } + return ( - <> -
-
- -
-
-
-
-
-
-
-
가 뭄 정 보
-
- - {/* 관심 - 1회 미만 */} - {/* 관심 - 1회 이상 */} - - {/* 주의 - 1회 미만 */} - {/* 주의 - 1회 이상 */} - - {/* 관심+주의 - 1회 미만 */} - {/* 관심+주의 - 1회 이상 */} -
-
+
+
+ +
+
+
+
- - ); -} - -function LegendItem({ color, label }: { color: string; label: string }) { - return ( -
- - {label} +
+
가 뭄 정 보
+
+ + {/* 관심 - 1회 미만 */} + {/* 관심 - 1회 이상 */} + + {/* 주의 - 1회 미만 */} + {/* 주의 - 1회 이상 */} + + {/* 관심+주의 - 1회 미만 */} + {/* 관심+주의 - 1회 이상 */} +
+
+
); } \ No newline at end of file diff --git a/apps/wr/app/(popUp-layout)/mapDrgtPopUp/page.tsx b/apps/wr/app/(popUp-layout)/mapDrgtPopUp/page.tsx index e9315a4c9..8d17abd94 100644 --- a/apps/wr/app/(popUp-layout)/mapDrgtPopUp/page.tsx +++ b/apps/wr/app/(popUp-layout)/mapDrgtPopUp/page.tsx @@ -4,7 +4,7 @@ import Gis from "@common/business_components/ui/map/Gis"; import { useEffect, useRef, useState, useCallback } from "react"; import { useSearchParams } from "next/navigation"; import { mapService } from "../../(map-layout)/service"; -import { DrgtLegend, DRGT_LAYER_TYPES, EXPRS_ORDERED_LAYERS } from "./drgtLegend"; +import { DrgtLegend, DRGT_LAYER_TYPES } from "./drgtLegend"; import { SearchBar } from "./searchBar"; @@ -78,7 +78,6 @@ export default function MapDrgtPopUp() { isPlaying={isPlaying} setIsPlaying={setIsPlaying as any} targetLayerTypes={DRGT_LAYER_TYPES as any} - orderedLayers={EXPRS_ORDERED_LAYERS as any} checkInterval={2500} height={`h-[100vh]`} droughtDates={{ startYmd: fromDate, endYmd: toDate }}