fix(astrapia): fix layout enabling

endpoint call on filterMenu open

NETANOL-213

Author: Tristan LOSADA BENINI

Astrapia/components/Graph.vue

@@ -231,14 +231,14 @@ export default {
           if (!selectedNode) {
             this.node.transition()
               .duration(150)
-              .attr("fill", "#537B87")
+              .attr("fill", d => d.hexColor ?? "#537B87")
               .attr("r", 8)
               .attr("opacity", 1);
 
             this.link.transition()
               .duration(150)
-              .attr("stroke", d => colorScale(d.byteCount))
-              .attr("stroke-width", d => packetCountScale(d.packetCount))
+              .attr("stroke-width", d => d.width ?? packetCountScale(d.packetCount))
+              .attr("stroke", d => d.hexColor ?? colorScale(d.byteCount))
               .attr("opacity", 1);
 
             this.label.transition()

Astrapia/components/GraphFilterMenu.vue

@@ -47,8 +47,9 @@ watch(() => props.layout!, (newLayout, oldLayout) => {
   graphFilterMenuState.value.selectedLayout.name = newLayout;
 });
 
-const toggleMenu = () => {
+const toggleMenu = async () => {
   graphFilterMenuState.value.isExpanded = !graphFilterMenuState.value.isExpanded;
+  await getLayersOfLayout();
   emit('menuOpened', graphFilterMenuState.value.isExpanded)
 }
 

Astrapia/components/LayerManagement.vue

@@ -180,10 +180,9 @@ function openCloseLayer(index: number) {
 }
 
 function setLayerEnabled(index: number, value: boolean) {
-  const layer = layerListState.value.selectedLayout.layers[index];
-  layer.enabled = value;
-  Object.assign(createLayerData.value, layer);
+  getExistingLayer(index);
   setTimeout(() => {
+    createLayerData.value.enabled = value;
     editExistingLayer(index);
     Object.assign(createLayerData.value, {
       name: '',