From 77e2a98d130a3ae75b44acbdfb1553d9ac8ede52 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Mon, 2 Dec 2024 15:44:19 +0545
Subject: [PATCH] fix(newDefineAreaMap): layer style color change to
 distinguish different layers

---
 src/frontend/src/views/NewDefineAreaMap.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/frontend/src/views/NewDefineAreaMap.tsx b/src/frontend/src/views/NewDefineAreaMap.tsx
index aca5f8605..4b1e02682 100644
--- a/src/frontend/src/views/NewDefineAreaMap.tsx
+++ b/src/frontend/src/views/NewDefineAreaMap.tsx
@@ -6,6 +6,7 @@ import { VectorLayer } from '@/components/MapComponent/OpenLayersComponent/Layer
 import { DrawnGeojsonTypes, GeoJSONFeatureTypes } from '@/store/types/ICreateProject';
 import MapControlComponent from '@/components/createnewproject/MapControlComponent';
 import LayerSwitchMenu from '@/components/MapComponent/OpenLayersComponent/LayerSwitcher/LayerSwitchMenu';
+import { defaultStyles } from '@/components/MapComponent/OpenLayersComponent/helpers/styleUtils';
 
 type NewDefineAreaMapProps = {
   drawToggle?: boolean;
@@ -65,6 +66,7 @@ const NewDefineAreaMap = ({
               duration: 500,
             }}
             onModify={onModify}
+            style={{ ...defaultStyles, lineColor: '#0fffff', lineThickness: 2 }}
           />
         )}
         {isDrawOrGeojsonFile && !splittedGeojson && (
@@ -80,6 +82,7 @@ const NewDefineAreaMap = ({
             onModify={onModify}
             zoomToLayer
             getAOIArea={getAOIArea}
+            style={{ ...defaultStyles, lineColor: '#0fffff', lineThickness: 2 }}
           />
         )}
 
@@ -93,6 +96,7 @@ const NewDefineAreaMap = ({
               duration: 500,
             }}
             zoomToLayer
+            style={{ ...defaultStyles, lineColor: '#D73F37', lineThickness: 1, fillColor: '#D73F37' }}
           />
         )}
         {buildingExtractedGeojson && (