노후관로 분석 - 목록보기 버튼 교체

packages/common/business_components/src/ui/map/GisTree.js

@@ -538,6 +538,8 @@ export default React.memo(function GisTree({
 									(child) =>
 										child.parent === node.id && child.data.exprsYn === "Y"
 								);
+								const showLayerActionButton = layerIconVisible?.(node);
+								const showLayerActionIcon = depth > 0 && imageVisible;
 
 								const inlineLayerSetting = inlineLayerSettingView?.(node);
 
@@ -569,8 +571,24 @@ export default React.memo(function GisTree({
 											<span className="text-[1.3rem] font-medium text-label">
 												{node.text}
 											</span>
-											{((depth > 0 && imageVisible) || layerIconVisible?.(node)) && (
-												<span>
+											{showLayerActionButton && (
+												<button
+													type="button"
+													className="ml-1 shrink-0 rounded-sm border border-[#9cc6f0] bg-white px-2 py-[1px] text-[1.1rem] font-medium leading-5 text-[#2c6fb7] transition-colors hover:bg-[#eef6ff]"
+													onClick={() =>
+														handleLayerImgClick(
+															node.data.lyrTyNm,
+															node.id,
+															node
+														)
+													}
+													title={`${node.text} 목록보기`}
+												>
+													목록보기
+												</button>
+											)}
+											{!showLayerActionButton && showLayerActionIcon && (
+												<span className="shrink-0">
 													<img
 														className="h-5 w-5 cursor-pointer"
 														src="/images/map/layericon/Layer_Select_BTN.png"