Reverse layer list (#127)

Signed-off-by: Junqiu Lei <[email protected]>
opensearch-project · Dec 20, 2022 · a0553cf · a0553cf
1 parent 8fac2d9
commit a0553cf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/maps_dashboards/public/components/layer_control_panel/layer_control_panel.tsx b/maps_dashboards/public/components/layer_control_panel/layer_control_panel.tsx
@@ -191,6 +191,11 @@ const LayerControlPanel = memo(({ maplibreRef, setLayers, layers }: Props) => {
     }
   };
 
+  const getReverseLayers = () => {
+    const layersClone = [...layers];
+    return layersClone.reverse();
+  };
+
   if (isLayerControlVisible) {
     return (
       <I18nProvider>
@@ -221,7 +226,7 @@ const LayerControlPanel = memo(({ maplibreRef, setLayers, layers }: Props) => {
             <EuiHorizontalRule margin="none" />
             <EuiDragDropContext onDragEnd={onDragEnd}>
               <EuiDroppable droppableId="LAYERS_HANDLE_DROPPABLE_AREA" spacing="none">
-                {layers.map((layer, index) => {
+                {getReverseLayers().map((layer, index) => {
                   const isLayerSelected =
                     isLayerConfigVisible &&
                     selectedLayerConfig &&