From 254ed68eaaed7c7e0a7f99e07b04807a2f70b303 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 29 May 2023 19:28:32 -0300
Subject: [PATCH] edges with the right color

---
 src/frontend/src/contexts/tabsContext.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index 1b13adb7f..480a154f8 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -8,7 +8,12 @@ import {
 } from "react";
 import { FlowType, NodeType } from "../types/flow";
 import { LangFlowState, TabsContextType } from "../types/tabs";
-import { normalCaseToSnakeCase, updateIds, updateObject, updateTemplate } from "../utils";
+import {
+  normalCaseToSnakeCase,
+  updateIds,
+  updateObject,
+  updateTemplate,
+} from "../utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
 import { APITemplateType, TemplateVariableType } from "../types/api";
@@ -84,8 +89,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
       cookieObject.flows.forEach((flow) => {
         flow.data.edges.forEach((edge) => {
           edge.className = "";
-          edge.style={stroke: "#222222" }
-
+          edge.style = { stroke: "#222222" };
         });
         flow.data.nodes.forEach((node) => {
           if (Object.keys(templates[node.data.type]["template"]).length > 0) {
@@ -291,7 +295,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     if (data) {
       data.edges.forEach((edge) => {
         edge.className = "";
-        edge.style={stroke: "#222222" }
+        edge.style = { stroke: "#222222" };
       });
       data.nodes.forEach((node) => {
         if (Object.keys(templates[node.data.type]["template"]).length > 0) {